:root{ --Color: #296fe9; --Color2: rgba(41,111,233,.8); } /* 阿里字体 */ @font-face { font-family: "alibabaRegular";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/c77cwoBQiBJZ/1qjAH2a8_D5xzuExiBnL3.woff2") format("woff2"), url("//at.alicdn.com/wf/webfont/c77cwoBQiBJZ/7zEr2RLemh6iy_oG_FFCz.woff") format("woff"); font-display: swap; } html { font-family: alibabaRegular,Source Han Sans Regular,MiSans,PingFangSC-Regular,Microsoft YaHei,Arial; } *{font-weight: 400;} .editor strong,.editor strong *{font-weight: 600;} .editor *, .detail *{word-break: break-all;} .editor iframe, .detail iframe{width: 100%;height: 551px;} @media (max-width: 1440px){ .editor iframe, .detail iframe{width: 100%;height: 442px;} } @media (max-width: 1280px){ .editor iframe, .detail iframe{width: 100%;height: 392px;} } @media (max-width: 1200px){ .editor iframe, .detail iframe{width: 100%;height: 367px;} } @media (max-width: 1024px){ .editor iframe, .detail iframe{width: 100%;height: 520px;} } @media (max-width: 750px){ .editor iframe, .detail iframe{width: 100%;height: 388px;} } [bgfff]{background: #fff;} .text-line,[text-line]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .text-line.line3,[text-line][line3]{-webkit-line-clamp:3;} .text-line.line4,[text-line][line4]{-webkit-line-clamp:4;} .text-line.line5,[text-line][line5]{-webkit-line-clamp:5;} /*头部*/ .head{height: 90px;} #header{height: 90px;background: #fff;top: 0;z-index: 100;left: 0;right: 0;width: 100%;margin: auto;box-shadow: 0px 5px 10px 0px rgba(29, 98, 218, 0.1);} #header.up{height: 0;overflow: hidden;} #header .logo{width: 14.43%;height: 90px;} #header .w2{width: 100%;} #header .nav{margin-left: 20.14%;} #header .nav .child{margin: 0 20px;} #header .nav .child .one{color: #222222;font-size: 16px;line-height: 90px;} #header .nav .child.cur .one, #header .nav .child:hover .one{color: var(--Color);} #header .nav .line1{bottom: 5px;left: 0;width: 32px;height: 2px;background: var(--Color);opacity: 1;} #header .nav .line1.hide{opacity: 0;} #header .btns{margin-top: 24px;} #header .btns .bn{width: 98px;height: 40px;line-height: 40px;border: 1px solid var(--Color);color: var(--Color);font-size: 16px;} #header .btns .log:hover, #header .btns .reg{background: var(--Color);color: #fff;} #header .btns .reg:hover{background: var(--Color2);color: #fff;} #header .btns .reg{margin-left: 10px;} #header .btns .reg .list{width: 240px;height: 0;overflow: hidden;right: -60px;top: 40px;display: none;} #header .btns .reg .tr{width: 220px;margin: 40px auto 0;padding: 25px 0 35px;background: #fff;box-shadow: 0 0 20px -2px #dee5f2;} #header .btns .reg .tit{color: #636873;font-size: 16px;line-height: 30px;margin: 0 auto 25px;width: 165px;} #header .btns .reg .tr:after{content: "";position: absolute;width: 13px;height: 11px;top: -11px;left: 0;right: 0;margin: auto;background: url(/static/images/icon58.png) no-repeat center center;} #header .btns .reg .tr .td{width: 165px;margin: 0 28px 15px;padding-left: 35px;color: #636873;font-size: 16px;line-height: 30px;-webkit-background-size: 20px auto;background-size: 20px auto;background-repeat: no-repeat;background-position: left center;text-align: left;} #header .btns .reg .tr .td:last-child{margin-bottom: 0;} #header .menu{display: none;width: 33px;height: 90px;background: url(/static/images/menu.png) no-repeat center center;} #header .btns .reg:hover .list{height: auto;display: block;} @media (max-width: 1460px){ #header .btns .reg .list{right: -45px;} /*#header .btns .reg .list{width: 200px;}*/ /*#header .btns .reg .tr{width: 160px;}*/ #header .btns .reg .tr .td{width: auto;margin: 0 15px 15px;font-size: 14px;line-height: 24px;} } @media (max-width: 1280px){ #header .nav{margin-left: 10%;} } @media (max-width: 1050px){ #header .logo{width: 200px;} #header .btns, #header .nav{display: none;} #header .menu{display: block;} } #menu{width: 100%;height: 0;overflow: hidden;z-index: 1000;left: 0;right: 0;margin: auto;top: 0;background: #fff;} #menu.open{height: 100%;overflow-y: auto;} #menu.open::-webkit-scrollbar {width: 6px;height: 6px;} #menu.open::-webkit-scrollbar-track{background: #e5e5e5;border-radius: 25px;} #menu.open::-webkit-scrollbar-thumb{background: #222;border-radius: 25px;} #menu .close{width: 100px;height: 100px;background: url(/static/images/close1.png) no-repeat center center;} #menu .child{border-bottom: 1px solid #e5e5e5;} #menu .btns{padding: 30px 0;} #menu .child .bn{width: 140px;height: 50px;line-height: 50px;border: 1px solid var(--Color);color: var(--Color);font-size: 24px;} #menu .child .log:hover, #menu .child .reg{background: var(--Color);color: #fff;} #menu .child .reg{margin-left: 30px;} #menu .child .reg:hover{background: var(--Color2);color: #fff;} #menu .child:first-child{border-top: 1px solid #e5e5e5;} #menu .child .one{width: 90%;margin: 0 auto;font-size: 26px;font-weight: 700;padding: 30px 0;color: #222;} #menu .child .one:hover{color: var(--Color);} #menu .child.lp .one{background: url(/static/images/icon10_1.png) no-repeat 100% center;} #menu .child.lp.cur .one{background: url(/static/images/icon10_2.png) no-repeat 100% center;} #menu .child:first-child.cur .one{background: none;} #menu .child .two{width: 90%;margin: 0 auto;height: 0;overflow: hidden;} #menu .child .two .t2{color: #666;font-size: 22px;margin-bottom: 20px;margin-left: 12px;} #menu .child .two .t2:hover{color: var(--Color);} @media (max-width: 750px){ #menu .child .one{font-size: 28px;} #menu .child .two .t2{font-size: 24px;margin-bottom: 25px;} } /*产品下拉*/ .pro-nav{z-index: 100;width: 100%;left: 0;top: 90px;height: 0;overflow: hidden;background: #fff;} .pro-nav.open{box-shadow: 0 10px 20px -12px #dee5f2;} .pro-nav .h{overflow-y: auto;height: 100%;box-shadow: inset -5px 5px 15px #e6eefb;background: #fff;} .pro-nav .h::-webkit-scrollbar {width: 8px;height: 8px;display: none;} .pro-nav .h::-webkit-scrollbar-track{background: #e5e5e5;border-radius: 25px;} .pro-nav .h::-webkit-scrollbar-thumb{background: #222;border-radius: 25px;} .pro-nav .pro-list{padding-top: 25px;} .pro-nav .pro-list .li{width: 21.43%;margin-right: 3.57%;padding-right: 25px;border-right: 1px solid #e5e5e5;} .pro-nav .pro-list .li:nth-child(4n){margin-right: 0;} .pro-nav .pro-list .li .cate{color: #222222;font-size: 18px;margin-bottom: 30px;line-height: 33px;} .pro-nav .pro-list .li .cate:hover{color: var(--Color);} .pro-nav .pro-list .li .cate .m-pic{width: 33px;height: 33px;margin-right: 15px;} .pro-nav .pro-list .lit .pro .name{color: #222222;font-size: 16px;} .pro-nav .pro-list .lit .pro .name span{margin-top: -10px;} .pro-nav .pro-list .lit .pro .name .hot{width: 27px;height: 17px;background: url(/static/images/hot.png) no-repeat center center;} .pro-nav .pro-list .lit .pro .name .new{width: 27px;height: 16px;background: url(/static/images/new.png) no-repeat center center;} .pro-nav .pro-list .lit .pro .desc{color: #636873;font-size: 14px;line-height: 26px;margin: 5px 0 25px;} .pro-nav .pro-list .lit .pro:last-child .desc{margin-bottom: 0;} .pro-nav .pro-list .lit .pro:hover .name{color: var(--Color);} .pro-nav .bottom{padding: 30px 0 40px;} .pro-nav .bottom .more{color: #222222;font-size: 16px;} .pro-nav .bottom .more:hover{color: var(--Color);} /*底部*/ #footer{background: #222222;padding-top: 70px;} #footer .lt{width: 72.857%;} #footer .left{width: 36.27%;margin-right: 7.843%;} #footer .left .intro{margin: 20px 0 40px;color: #ffffff;font-size: 16px;} #footer .left .way .dd{color: rgba(255, 255, 255, 0.7);font-size: 14px;margin-bottom: 10px;} #footer .left .way .dd .d2{color: #ffffff;font-size: 14px;} #footer .left .way a{border-bottom: 1px solid transparent;} #footer .left .way a:hover{border-bottom: 1px solid #fff;} #footer .left .way a.dd:hover{color: #fff;} #footer .nav{width: 55.88%;} #footer .nav .child{width: 27.45%;margin-right: 7.05%;} #footer .nav .child:nth-child(3){margin-right: 0;} #footer .nav .child .one{color: #ffffff;font-size: 16px;font-weight: 600;margin-bottom: 30px;} #footer .nav .child .t2{color: rgba(255, 255, 255, 0.7);font-size: 14px;margin-bottom: 12px;} #footer .nav .child .t2:hover{color: #fff;} #footer .code{width: 21.43%;} #footer .code .d{width: 100px;margin-right: 30px;} #footer .code .d:nth-child(1){margin-right: 0;} #footer .code .d .tt{margin-top: 20px;color: rgba(255, 255, 255, 0.7);font-size: 12px;line-height: 22px;text-align: center;} #footer .code .text{font-size: 14px;padding-bottom: 10px;display: inline-block;color: rgba(255, 255, 255, 0.7);} #footer .code .title{color: #ffffff;font-size: 16px;font-weight: 600;margin-bottom: 30px;text-align: left;} #footer .links{padding: 40px 0px 30px; border-bottom: 1px solid rgba(255,255,255,0.1); border-top: 1px solid rgba(255,255,255,0.1); margin-top: 40px;} #footer .links .li:nth-child(1){color: #ffffff;font-size: 16px;font-weight: 600;line-height: 16px;margin-right: 40px;} #footer .links .li{color: rgba(255, 255, 255, 0.7);font-size: 14px;line-height: 16px;} #footer .links a.li{padding-right: 9px;margin-right: 15px;margin-bottom: 9px;} #footer .links a.li:hover{color: #fff;} #footer .links a.li:last-child{border-right: none;padding-right: 0;margin-right: 0;} #footer .bottom{padding: 30px 0;} #footer .bottom *{color: rgba(255, 255, 255, 0.7);font-size: 14px;line-height: 30px;} #footer .bottom a:hover{color: #fff;} @media (max-width: 1440px){ #footer .code{width: 25%;} #footer .left .intro{font-size: 14px;} } @media (max-width: 1280px){ #footer .lt, #footer .code{width: 100%;float: none;} #footer .code{padding-top: 60px;border-top: 1px solid #2d2d2d;margin-top: 60px;} #footer .code .d{width: 130px;margin-right: 60px;} } @media (max-width: 981px){ #footer .left{margin-right: 0;} #footer .code{padding-top: 0;border-top: none;} #footer .left{text-align: center;} #footer .left .intro{margin: 25px 0 30px;} #footer .left, #footer .nav{width: 100%;float: none;} #footer .bottom{text-align: center;} #footer .bottom .fr, #footer .bottom .copy{float: none;} #footer{padding-top: 30px;} #footer .nav {margin-bottom: 60px;} #footer .nav .child{width: 100%;margin-right: 0;border-bottom: 1px solid #ddd;padding-top: 30px;} #footer .nav .child .one{background: url(/static/images/info_add.png) no-repeat 98% center;} #footer .nav .child.in .one{background-image: url(/static/images/info_jess.png);} #footer .nav .child:first-child{margin-top: 0;} #footer .nav .child .two{height: 0;overflow: hidden;} #footer .nav .child .two .t2{font-size: 18px;} } @media (max-width: 750px){ #footer .nav .child .one{font-size: 26px;} #footer .nav .child .two .t2{font-size: 24px;margin-bottom: 25px;} #footer .left .way .dd, #footer .left .way .dd .d2, #footer .code .d .tt, #footer .links a.li, #footer .links .li, #footer .bottom *, #footer .left .intro{font-size: 24px;line-height: 36px;} #footer .links a.li, #footer .links .li{line-height: 22px;} #footer .links a.li{margin-bottom: 20px;margin-right: 15px;padding-right: 15px;} #footer .code .d{width: 220px;} } .blank2{top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 0;overflow: hidden;background: rgba(0,0,0,.6);z-index: 1000;} .blank2.open{height: 100%;} #reg{width: 460px;height: 0;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1001;} #reg.open{height: 460px;} #reg .re1{width: 460px;} #reg .close{width: 40px;height: 40px;background: url(/static/images/n81.png)no-repeat center;top: 0px;right: 0px;} #reg .close:hover{transform: rotate(-180deg);} #reg .form{width: 380px;padding: 40px 30px 50px;margin: 0 auto;} #reg .form .tit{color: #000000;font-size: 26px;margin-bottom: 35px;} #reg .form .rows{margin-bottom: 30px;} #reg .form .rows{border: 1px solid #f0f5ff;height: 58px;} #reg .form .tel .t{width: 97px;height: 16px;border-right: 1px solid #f0f5ff;color: #222222;font-size: 14px;background: url(/static/images/icon80.png) no-repeat 65px center;padding-left: 20px;margin-top: 20px;} #reg .form .rows .ipt{width: 202px;padding: 0 19px;color: #aaaaaa;font-size: 14px;line-height: 58px;} #reg .form .rows .ipt:hover{color: #222222;} #reg .form .rows .ipt::-webkit-input-placeholder{color:#aaaaaa;} #reg .form .rows .ipt::-moz-placeholder{color:#aaaaaa;} #reg .form .rows .ipt::-moz-placeholder{color:#aaaaaa;} #reg .form .rows .ipt::-ms-input-placeholder{color:#aaaaaa;} #reg .form .rows:hover{border-color: var(--Color)} #reg .form .code .give{width: 110px;height: 46px;line-height: 46px;margin-top: 6px;text-align: center;background: var(--Color);font-size: 14px;color: #fff;} #reg .form .team input{width: 20px;height: 20px;border-radius: 4px;margin-right: 10px;} #reg .form .team .li{color: #296fe9;font-size: 14px;} #reg .form .team .li:hover{text-decoration: underline;} #reg .form .team{color: #222222;font-size: 14px;height: 20px;} #reg .form .sub{margin-top: 40px;width: 100%;background: var(--Color);color: #fff;font-size: 16px;height: 60px;line-height: 60px;} #reg .form .sub .i{width: 22px;height: 60px;background: url(/static/images/icon11.png) no-repeat center center;margin-right: 10px;} #reg .form .code .give:hover, #reg .form .sub:hover{background: var(--Color2);} @media (max-width: 750px){ #reg{width: 540px;} #reg.open{height: 515px;} #reg .re1{width: 100%;} #reg .form .team, #reg .form .sub, #reg .form .rows .ipt, #reg .form .code .give, #reg .form .team .li, #reg .form .tel .t{font-size: 24px;} #reg .form .tel .t{margin-top: 7px;height: 42px;} #reg .form .rows .ipt{width: 267px;} #reg .form .team{height: auto;} #reg .form .team input{margin-top: 5px;} #reg .form .team .t{width: 89%;} #reg .form{width: 446px;} } /*公共*/ [br4]{border-radius: 4px;} /* banner */ #index .swiper-pagination-bullet{ width: 30px; height: 2px; background: rgba(255, 255, 255, .8);} #index .swiper-pagination-bullet-active{ background: #fff;} #index .ban-btn{ padding: 0 5%; top: 50%; left: 0; z-index: 10; width: 100%; transform: translateY(-50%);} #index .ban-btn .btn-item{ width: 50px; height: 50px; border-radius: 50%; background: rgba(0, 0, 0, .3);} #index .ban-btn .btn-item svg{ max-width: 50%; max-height: 50%;} #index .ban-btn .btn-item.next svg{ transform: rotate(180deg);} #index .ban-btn .btn-item:hover{ background: rgba(0, 0, 0, .5);} /*首页*/ #index .picture{padding: 30px 0;/* max-width: 1920px; */margin: auto;} #index .picture .bg2, #index .picture .bg3, #index .picture .bg1{background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;text-align: center;} #index .form{width: 400px;padding: 40px 40px 50px;margin-right: 13.54%;z-index: 2;position: relative;} #index .form .tit{color: #000000;font-size: 26px;margin-bottom: 35px;} #index .form .rows{margin-bottom: 30px;} #index .form .rows{border: 1px solid #f0f5ff;height: 58px;} #index .form .tel .t{width: 97px;height: 16px;border-right: 1px solid #f0f5ff;color: #222222;font-size: 14px;/* background: url(/static/images/icon80.png) no-repeat 65px center; */padding-left: 20px;margin-top: 20px;} #index .form .rows .ipt{width: 202px;padding: 0 19px;color: #aaaaaa;font-size: 14px;line-height: 58px;} #index .form .rows .ipt:hover{color: #222222;} #index .form .rows .ipt::-webkit-input-placeholder{color:#aaaaaa;} #index .form .rows .ipt::-moz-placeholder{color:#aaaaaa;} #index .form .rows .ipt::-moz-placeholder{color:#aaaaaa;} #index .form .rows .ipt::-ms-input-placeholder{color:#aaaaaa;} #index .form .rows:hover{border-color: var(--Color)} #index .form .code .give{width: 110px;height: 46px;line-height: 46px;margin-top: 6px;text-align: center;background: var(--Color);font-size: 14px;color: #fff;} #index .form .team input{width: 20px;height: 20px;border-radius: 4px;margin-right: 10px;} #index .form .team .li{color: #296fe9;font-size: 14px;} #index .form .team .li:hover{text-decoration: underline;} #index .form .team{color: #222222;font-size: 14px;height: 20px;} #index .form .sub{margin-top: 40px;width: 100%;background: var(--Color);color: #fff;font-size: 16px;height: 60px;line-height: 60px;} #index .form .sub .i{width: 22px;height: 60px;background: url(/static/images/icon11.png) no-repeat center center;margin-right: 10px;} #index .form .code .give:hover, #index .form .sub:hover{background: var(--Color2);} /*start*/ #index .pub-content{padding: 50px 0 50px;} #index .pub-tit{color: #222222;font-size: 26px;margin-bottom: 50px;} #index .pub-amazon{padding-bottom: 50px;} #index .ind-video{background: #f7f8fa;} #index .ind-video .vid{width: 22.857%;margin-right: 2.857%;box-shadow: 0 0 20px 5px #eaf0fc;} #index .ind-video .vid .bg1{width: 100%;height: 100%;top: 0;left: 0;} #index .ind-video .vid .bg1 div{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: 100% 100%;background-size: 100% 100%;} #index .ind-video .vid .bg1 .img2{display: none;} #index .ind-video .vid .con{width: 87.5%;margin: 0 auto;padding: 25px 0 20px;z-index: 2;} #index .ind-video .vid .tag{color: #222222;font-size: 16px;height: 28px;margin-bottom: 15px;} #index .ind-video .vid .title{color: #222222;font-size: 18px;line-height: 26px;height: 52px;margin-bottom: 20px;} #index .ind-video .vid .ico{color: #222222;font-size: 16px;height: 26px;line-height: 26px;padding-right: 35px;background: url(/static/images/icon81.png) no-repeat right center;} #index .ind-video .vid:hover .ico{background-image: url(/static/images/icon82.png);} #index .ind-video .vid:hover .img2{display: block;} #index .ind-video .vid:hover .img{display: none;} #index .ind-video .vid:hover .ico, #index .ind-video .vid:hover .tag, #index .ind-video .vid:hover .title{color: #fff;} #index .ind-video .vid:nth-child(4){margin-right: 0;} #index .ind-products{padding-bottom: 0;} #index .ind-products .pub-tit{margin-bottom: 0;} #index .ind-products .pic{width: 56.57%;margin-left: 2%;float: right;} #index .ind-products .pic .m-pic:after{padding-top: 67.07%;} #index .ind-products .pic .swiper-pagination{bottom: 40px;} #index .ind-products .pic .swiper-pagination span{width: 10px;height: 10px;border: 1px solid #98baf4;border-radius: 50%;opacity: 1;margin: 0 6px;background: transparent;vertical-align: middle;} #index .ind-products .pic .swiper-pagination .swiper-pagination-bullet-active{background-color: var(--Color);border-color: var(--Color);width: 16px;height: 16px;} #index .ind-products .msg{width: 40%;float: left;padding-top: 80px;padding-bottom: 40px;} #index .ind-products .msg.pb{padding-bottom: 80px;} #index .ind-products .msg .name{color: #222222;font-size: 26px;} #index .ind-products .msg .desc{color: #636873;font-size: 18px;line-height: 30px;margin: 20px 0 60px;} #index .ind-products .msg .row{margin-bottom: 80px;} #index .ind-products .msg .row .dd{} #index .ind-products .msg .row .dd.cur{} #index .ind-products .msg .row .li{width: 15.18%;height: 1px;margin-top: 36px;background: #e5e5e5;} #index .ind-products .msg .row .li:last-child{display: none;} #index .ind-products .msg .row .dd .ico{width: 60px;height: 70px;margin: 0 auto;background: url(/static/images/icon84.png) no-repeat center center;} #index .ind-products .msg .row .dd .ico img{top: 20px;bottom: auto;} #index .ind-products .msg .row .dd .ico .i2{display: none;} #index .ind-products .msg .row .dd .t{color: #636873;font-size: 16px;margin-top: 20px;} #index .ind-products .msg .row .dd .s{color: #636873;font-size: 14px;margin-top: 10px;} #index .ind-products .msg .row .dd.cur .ico{background-image: url(/static/images/icon85.png);} #index .ind-products .msg .row .dd.cur .i1{display: none;} #index .ind-products .msg .row .dd.cur .i2{display: inline-block;} #index .ind-products .msg .row .dd.cur .t, #index .ind-products .msg .row .dd.cur .s{color: var(--Color);} #index .ind-products .msg .btns{width: 160px;height: 60px;line-height: 60px;font-size: 16px;} #index .ind-products .msg .btns .i{margin-left: 9px;width: 27px;height: 60px;background-repeat: no-repeat;background-position: center center;} #index .ind-products .msg .more{margin-right: 20px;border: 1px solid var(--Color);color: var(--Color);} #index .ind-products .msg .more .i{background-image: url(/static/images/icon33.png);} #index .ind-products .msg .more:hover, #index .ind-products .msg .free{color: #fff;background: var(--Color)} #index .ind-products .msg .more:hover .i, #index .ind-products .msg .free .i{background-image: url(/static/images/icon32.png);} #index .ind-products .msg .free:hover{background: var(--Color2);} #index .ind-products .pro:nth-child(2n){background: #f7f8fa;} #index .ind-products .pro:nth-child(2n) .pic{margin-left: 0;margin-right: 2%;float: left;} #index .ind-products .pro:nth-child(2n) .msg{float: right;} #index .ind-product2{background: #f7f8fa;} #index .ind-product2 .left{width: 20%;} #index .ind-product2 .left .tb{margin-bottom: 20px;} #index .ind-product2 .left .tb .t{padding: 0 40px;color: #222222;font-size: 20px;height: 79px;line-height: 79px;background: #ecf2fa /* url(/static/images/icon90.png) no-repeat 94% center */;} /*#index .ind-product2 .left .tb.cur .t{background-image: url(/static/images/icon89.png);}*/ #index .ind-product2 .left .tb .lis{height: 0;overflow: hidden;background: #ecf2fa;} #index .ind-product2 .left .tb.cur .lis{height: auto;padding-bottom: 20px;} #index .ind-product2 .left .tb .lis .pcate{padding: 0 40px;} #index .ind-product2 .left .tb .lis .pcate .t2{color: #222222;font-size: 16px;line-height: 26px;border-bottom: 1px solid #d0d9e5;padding: 15px 0;} #index .ind-product2 .left .tb .lis .pcate:last-child .t2{border-bottom: none;} #index .ind-product2 .left .tb .lis .pcate .t2 .ico{width: 22px;height: 26px;margin-right: 7.14%;} #index .ind-product2 .left .tb .lis .pcate.cur{background: var(--Color);} #index .ind-product2 .left .tb .lis .pcate.cur .t2{color: #fff;border-bottom: 1px solid var(--Color);} #index .ind-product2 .left .tb .lis .pcate.cur .t2 .i1{display: none;} #index .ind-product2 .left .tb .lis .pcate.cur .t2 .i2{display: inline-block;} #index .ind-product2 .right{width: 78.57%;padding-bottom: 50px;} #index .ind-product2 .right .top{padding: 30px 0;border-bottom: 1px solid #e3e6ec;margin-bottom: 25px;line-height: 30px;} #index .ind-product2 .right .top .name{color: #222222;font-size: 20px;margin-right: 25px;} #index .ind-product2 .right .top .d{color: #636873;font-size: 14px;} #index .ind-product2 .right .top .all{color: #636873;font-size: 14px;} #index .ind-product2 .right .top .all:hover{color: var(--Color);} #index .ind-product2 .right .pro-li .pd{width: 29.41%;margin-right: 3.92%;} #index .ind-product2 .right .pro-li .pd:nth-child(1), #index .ind-product2 .right .pro-li .pd:nth-child(2), #index .ind-product2 .right .pro-li .pd:nth-child(3){margin-bottom: 30px;} #index .ind-product2 .right .pro-li .pd:nth-child(3n){margin-right: 0;} #index .ind-product2 .right .pro-li .pd .t{color: #222222;font-size: 18px;margin-bottom: 10px;} #index .ind-product2 .right .pro-li .pd .hot{width: 27px;height: 17px;background: url(/static/images/hot.png) no-repeat center center;} #index .ind-product2 .right .pro-li .pd .new{width: 27px;height: 16px;background: url(/static/images/new.png) no-repeat center center;} #index .ind-product2 .right .pro-li .pd .d{color: #636873;font-size: 14px;line-height: 26px;margin-bottom: 15px;} #index .ind-product2 .right .pro-li .pd .more{width: 110px;height: 40px;line-height: 40px;border: 1px solid var(--Color);font-size: 14px;color: var(--Color);} #index .ind-product2 .right .pro-li .pd:hover .more{background: var(--Color);color: #fff;} #index .ind-product2 .right .center{width: 92.73%;margin: 0 auto;} #index .ind-product2 .viewall{width: 110px;height: 40px;line-height: 40px;border: 1px solid var(--Color);font-size: 14px;color: var(--Color);display: none;margin: auto;} #index .ind-product2 .viewall:hover{background: var(--Color);color: #fff;} #index .ind-about{background: #f7f8fa;} #index .ind-about .list1 .adv{width: 20%;padding: 0 2.5%;margin-bottom: 30px;} #index .ind-about .list1 .adv .number{line-height: 60px;} #index .ind-about .list1 .adv .nums{color: #222222;font-size: 40px;font-weight: 700;font-family: Arial;margin-right: 8px;} #index .ind-about .list1 .adv .siz{color: #222222;font-size: 30px;font-weight: 800;font-family: Arial;} #index .ind-about .list1 .adv .desc{color: #222222;font-size: 16px;line-height: 30px;margin-top: 5px;} #index .ind-about .list2 .adv{width: 22.857%;padding: 45px 45px 50px;margin-right: 2.857%;margin-top: 30px;} #index .ind-about .list2 .adv:nth-child(4n){margin-right: 0;} #index .ind-about .list2 .adv:hover{box-shadow: 0 0 20px 5px #eaf0fc;} #index .ind-about .list2 .adv .tit{color: #222222;font-size: 24px;margin-bottom: 25px;} #index .ind-about .list2 .adv .desc{color: #575d68;font-size: 14px;line-height: 22px;height: 110px;margin-bottom: 0px;} #index .ind-about .list2 .adv .ico{width: 30px;height: 30px;vertical-align: middle;padding-right: 5px;} #index .ind-faq{padding-bottom: 0;} #index .ind-faq .line1{width: 25%;height: 2px;background: var(--Color);bottom: -1px!important;left: 0;z-index: 2;} #index .ind-faq .tab{margin-bottom: 30px;} #index .ind-faq .tab .tb{width: 25%;border-bottom: 1px solid #e5e5e5;font-size: 16px;color: #222222;padding: 0 12px;padding-bottom: 17px;font-weight:500;} #index .ind-faq .tab .tb.cur{color: var(--Color);} #index .ind-faq .df{display: flex;align-items: center;padding-bottom: 30px;} #index .ind-faq .df .left{width: 33.57%;margin: 0 6.78% 0 8.57%;} #index .ind-faq .df .left .title{color: #222222;font-size: 22px;margin-bottom: 35px;} #index .ind-faq .df .left .desc{padding-bottom: 30px;color: #636873;font-size: 14px;line-height: 30px;} #index .ind-faq .df .left .pic{max-width: 27.66%;margin-right: 8.51%;margin-top: 30px;} #index .ind-faq .df .left .pic:nth-child(3n){margin-right: 0;} #index .ind-faq .df .left .pic .m-pic{width: 48px;height: 48px;margin: 0 auto;} #index .ind-faq .df .left .pic .t{margin-top: 15px;color: #636873;font-size: 16px;} #index .ind-faq .df .m-pic{width: 51.42%;order: 2;} #index .ind-faq .df .m-pic:after{padding-top: 73.61%;} #index .ind-faq .df .picture{padding: 0;} #index .ind-company{background: #f7f8fa;} #index .ind-company .item{width: 520px;padding: 10px;} #index .ind-company .item .center{box-shadow: 0 0 15px 5px #eaf0fc;} #index .ind-company .item .con{opacity: .7;padding: 60px 0 30px;width: 420px;margin: 0 auto;} #index .ind-company .item .desc{color: #222222;font-size: 16px;line-height: 30px;height: 120px;margin-bottom: 40px;} #index .ind-company .item .name{color: #222222;font-size: 18px;} #index .ind-company .item .position{margin: 15px 0 30px;color: #b8babf;font-size: 18px;} #index .ind-company .item .m-pic{width: 100px;max-height: 60px;margin: 0 auto;} #index .ind-company .item .m-pic img{max-height: 60px;} #index .ind-company .swiper-slide-active .con{opacity: 1;} #index .ind-contact{background: #f7f8fa;padding: 0;} #index .ind-partner .m-pic:after{padding-top: 100px;} #index .ind-partner .slide{padding: 6px;} #index .ind-partner .slide:hover .m-pic{box-shadow: 0 0 15px 2px #eaf0fc;} #index .ind-partner .swiper-pagination{position: static;margin-top: 50px;} #index .ind-partner .swiper-pagination span{width: 15px;height: 6px;opacity: 1;border-radius: 25px;background: #dbe2ee;margin: 0 5px;} #index .ind-partner .swiper-pagination .swiper-pagination-bullet-active{width: 30px;background: var(--Color);} #index .ind-contact .list{margin-bottom: 50px;} #index .ind-contact .list .li{width: 22.857%;margin-right: 2.857%;margin-top: 20px;padding: 75px 0 55px;border-radius: 4px;} #index .ind-contact .list .li:hover{margin-top: 0;} #index .ind-contact .list .li:nth-child(4){margin-right: 0;} #index .ind-contact .list .li:hover{box-shadow: 0px 5px 25px 0px rgba(29, 98, 218, 0.15);} #index .ind-contact .list .li .con{width: 75%;margin: 0 auto;} #index .ind-contact .list .li .ico{width: 80px;height: 80px;margin: 0 auto;background-repeat: no-repeat;background-position: center center;} #index .ind-contact .list .show .ico{background-image: url(/static/images/icon41.png);} #index .ind-contact .list .online .ico{background-image: url(/static/images/icon43.png);} #index .ind-contact .list .tel .ico{background-image: url(/static/images/icon17.png);} #index .ind-contact .list .li .tit{margin-top: 50px;color: #222222;font-size: 20px;} #index .ind-contact .list .li .btns{width: 120px;margin: 30px auto 0;color: #fff;background: var(--Color);font-size: 16px;line-height: 50px;height: 50px;} #index .ind-contact .list .li .btns:hover{background: var(--Color2);} #index .ind-contact .list .tel .phone{margin-top: 50px;color: #222222;font-size: 30px;font-family: Arial;} #index .ind-contact .list .tel .tim{margin: 20px 0 15px;color: #222222;font-size: 16px;} #index .ind-contact .list .tel .time{color: #222222;font-size: 14px;opacity: .5;} #index .ind-contact .list .code .m-pic{width: 70.83%;margin: 0 auto;} #index .ind-contact .list .code .m-pic:after{padding-top: 100%;} #index .ind-contact .list .code .t{color: #222222;font-size: 16px;margin-top: 35px;} #index .ind-contact .photo{height: 190px;} #index .ind-contact .photo img{height: 100%;width:100%;border-radius: 0;} #index .ind-contact .photo .center{top: 50px;left: 0;right: 0;margin: auto;width: 90%;z-index: 2;} #index .ind-contact .photo .center .title{color: #ffffff;font-size: 26px;} #index .ind-contact .photo .center .btns{width: 150px;margin: 25px auto 0;color: var(--Color);font-size: 16px;line-height: 40px;height: 40px;} #index .ind-contact .photo .center .btns:hover{background: var(--Color2);color: #fff;} #index .ind-school .right, #index .ind-school .left{width: 47.14%;} #index .ind-school .left .m-pic:after{padding-top: 53%;} #index .ind-school .left .m-pic img, #index .ind-school .left .m-pic{border-radius: 8px;} #index .ind-school .left .con{margin-top: 40px;} #index .ind-school .left .name{color: #222222;font-size: 20px;} #index .ind-school .left .desc{margin: 20px 0 9%;height: 60px;} #index .ind-school .left .d{color: #636873;font-size: 16px;line-height: 30px;} #index .ind-school .left:hover .name, #index .ind-school .left:hover .more{color: var(--Color);} #index .ind-school .right .info{position: relative;padding-bottom: 26px;margin-bottom: 26px;border-bottom: 1px solid #e5e5e5;} #index .ind-school .right .info:after{content: "";position: absolute;width: 0;height: 1px;bottom: 0;right: 0;left: auto;background: var(--Color);transition: 0.5s all;} #index .ind-school .right .info:last-child{border-bottom: none;padding-bottom: 0;} #index .ind-school .right .info:last-child::after{display: none;} #index .ind-school .right .d{color: #636873;font-size: 16px;} #index .ind-school .right .name{width: 81.82%;} #index .ind-school .right .info:hover::after{width: 100%;right: auto;left: 0;} #index .ind-school .right .info:hover .d{color: var(--Color);} @media (max-width: 1680px){ #index .form{margin-right: 7.84%;} } @media (max-width: 1460px){ #index .picture .bg1{display: none;} #index .picture .bg2{display: block;} #index .form{margin-right: 3.84%;} } @media (max-width: 1440px){ #index .ind-faq .df .left{width: 40%;margin-right: 2%;} #index .ind-about .list1 .adv .nums{font-size: 44px;} #index .ind-products .msg, #index .ind-products .pic{float: none;} #index .ind-products .msg{width: 42%;margin-left: 2%;margin-right: 2%;} #index .ind-products .pic{width: 54%;order:2;} #index .ind-products .pro:nth-child(2n) .pic{order:0;} #index .ind-products .pro:nth-child(2n) .msg{margin-right: 0;order:2;} #index .ind-products .pro .cw1400{display: flex;align-items: center;} #index .ind-products .pro{padding: 50px 0;} #index .ind-products .msg{padding: 0;} #index .ind-products .msg .row{margin-bottom: 50px;} } @media (max-width: 1280px){ #index .ind-contact .list .tel .phone{font-size: 26px;} #index .ind-about .list2 .adv{padding: 30px 30px 40px;} #index .ind-about .list2 .adv .desc{margin-bottom: 30px;} #index .ind-about .list1 .adv{padding: 0 1.5%;} #index .ind-products .msg{width: 45%;} #index .ind-products .pic{width: 54%;} #index .ind-school .right .name{width: 75%;} } @media (max-width: 1200px){ #index .ind-video .vid .title{font-size: 16px;} #index .ind-faq .df .left{width: 58%;} #index .ind-faq .df .left .pic{margin-top: 20px;} #index .ind-products .msg .row .li{width: 11%;} #index .ind-products .msg .btns{width: 140px;height: 50px;line-height: 50px;} #index .ind-products .msg .btns .i{height: 50px;} #index .ind-products .pic .m-pic:after{padding-top: 80%;} #index .ind-product2 .left .tb .t{padding: 0 25px;height: 60px;line-height: 60px;font-size: 18px;} #index .ind-product2 .left .tb .lis .pcate{padding: 0 25px;} #index .ind-product2 .left{width: 24%;} #index .ind-product2 .right{width: 74%;} } @media (max-width: 1050px){ #index .ind-video .vid:nth-child(4n), #index .ind-video .vid{width: 48%;margin-right: 4%;margin-top: 4%;} #index .ind-video .vid:nth-child(2n){margin-right: 0;} #index .ind-video .vid:nth-child(1), #index .ind-video .vid:nth-child(2){margin-top: 0;} #index .ind-about .list1 .adv .nums{font-size: 32px;} #index .ind-about .list1 .adv .siz{font-size: 28px;} #index .ind-products .msg{width: 50%;} #index .ind-products .pic{width: 48%;} #index .ind-products .pro:nth-child(2n) .msg{margin-left: 5%;} #index .ind-products .msg{margin-right: 5%;} #index .ind-contact .list .li{width: 23.557%;margin-right: 1.857%;} #index .picture .bg1, #index .picture .bg2{display: none;} #index .picture .bg3{display: block;} } @media (max-width: 981px){ #index .form{width: 340px;padding: 25px 25px 30px;} #index .form .rows .ipt{width: 186px;} #index .form .code .give{width: 92px;} #index .form .team .t{width: 220px;} #index .ind-contact .list .li:nth-child(4n), #index .ind-contact .list .li{width: 48%;margin-right: 4%;margin-bottom: 4%;} #index .ind-contact .list .li:nth-child(2n){margin-right: 0;} #index .ind-faq .df{display: block;} #index .ind-faq .df .left{width: 100%;margin: 0 auto 50px;} #index .ind-faq .df .m-pic{width: 100%;text-align: center;} #index .ind-faq .df .picture{text-align: center;} #index .ind-school .right .name{width: 68%;} #index .ind-products .pic .m-pic:after{padding-top: 61%;} #index .ind-products .pro .cw1400{display: block;} #index .ind-products .msg, #index .ind-products .pic{width: 100%;margin: 0;} #index .ind-products .msg{margin-bottom: 30px;text-align: center;} #index .ind-products .msg .row .dd .t, #index .ind-products .msg .row .dd .s, #index .ind-products .msg .desc{font-size: 24px;} #index .ind-products .msg .row .li{width: 10%;} #index .ind-products .msg .btns{width: 200px;height: 60px;line-height: 60px;} } @media (max-width: 920px){ #index .ind-about .list1 .adv:nth-child(5), #index .ind-about .list1 .adv{width: 33%;margin-bottom: 4%;} #index .ind-about .list2 .adv{padding: 20px 20px 30px;} #index .ind-product2 .right{padding-bottom: 37px;} #index .ind-product2 .right .pro-li .pd:nth-child(3n), #index .ind-product2 .right .pro-li .pd{width: 48%;margin-right: 4%;margin-bottom: 4%;} #index .ind-product2 .right .pro-li .pd:nth-child(2n){margin-right: 0;} #index .ind-product2 .right .pro-li .pd:nth-child(3), #index .ind-product2 .right .pro-li .pd:nth-child(4){margin-bottom: 0;} #index .ind-product2 .right .pro-li .pd:nth-child(5), #index .ind-product2 .right .pro-li .pd:nth-child(6){display: none;} } @media (max-width: 820px){ #index .ind-about .list2 .adv:nth-child(4n), #index .ind-about .list2 .adv{width: 48%;margin-right: 4%;margin-bottom: 4%;} #index .ind-about .list2 .adv:nth-child(2n){margin-right: 0;} #index .ind-school .right, #index .ind-school .left{width: 100%;float: none;} #index .ind-school .right{margin-top: 60px;} #index .ind-school .left{border-radius: 8px;background: #f7f8fa;} #index .ind-school .left .con{margin-top: 0;padding: 30px;} } @media (max-width: 775px){ #index .form{width: 100%;margin: 40px auto;padding: 0 4%;float: none;} #index .form .tit{font-size: 38px;} #index .form .rows{margin-bottom: 40px;} #index .form .rows{height: 75px;} #index .form .tel .t{width: 110px;height: 75px;line-height: 75px;margin-top: 0;font-size: 26px;} #index .form .rows .ipt{width: calc(100% - 130px);font-size: 26px;line-height: 75px;} #index .form .code .ipt{width: calc(100% - 200px);} #index .form .code .give{width: 200px;height: 74px;line-height: 74px;margin-top: 0;font-size: 26px;} #index .form .team input{width: 30px;height: 30px;} #index .form .team .li{font-size: 26px;} #index .form .team{font-size: 26px;height: 30px;line-height: 30px;} #index .form .team .t{width: auto;} #index .form .sub{font-size: 28px;height: 80px;line-height: 80px;} #index .form .sub .i{width: 30px;height: 80px;background: url(/static/images/icon11.png) no-repeat center center;background-size: 30px auto;} #index .picture .bg3{display: none;} #index .picture .bg4{display: block;position: relative;} #index .picture{padding: 0;} } @media (max-width: 750px){ #index .pub-tit{font-size: 26px;} #index .ind-video .vid .ico, #index .ind-video .vid .tag{font-size: 24px;} #index .ind-video .vid .ico{line-height: 36px;height: 36px;} #index .ind-video .vid .title{font-size: 26px;line-height: 38px;height: 76px;} #index .ind-partner .m-pic:after{padding-top: 80px;} #index .ind-faq .line1, #index .ind-faq .tab .tb{width: 33%;} #index .ind-product2 .right, #index .ind-product2 .left{display: none;} #index .ind-product2 .right{width: 100%;} #index .ind-faq .df .left .title, #index .ind-contact .list .tel .phone{font-size: 28px;} #index .ind-contact .photo .center .btns{font-size: 24px;line-height: 60px;height: 60px;width: 140px;} #index .ind-contact .list .li .btns{height: 60px;line-height: 60px;width: 160px;} #index .ind-product2 .right .top .d{display: block;margin-top: 15px;} #index .ind-contact .list .li .tit, #index .ind-contact .photo .center .title, #index .ind-company .item .name, #index .ind-products .msg .btns, #index .ind-product2 .right .top .name, #index .ind-about .list2 .adv .tit, #index .ind-school .left .name{font-size: 26px;} #index .ind-products .msg .btns .i{height: 60px;} #index .ind-school .right .name{width: 72%;} #index .ind-contact .list .li .btns, #index .ind-faq .tab .tb, #index .ind-school .right .d, #index .ind-contact .list .code .t, #index .ind-contact .list .tel .tim, #index .ind-contact .list .tel .time, #index .ind-about .list1 .adv .desc, #index .ind-company .item .desc, #index .ind-product2 .right .top .d, #index .ind-product2 .right .top .all, #index .ind-company .item .position, #index .ind-faq .df .left .desc, #index .ind-about .list2 .adv .desc, #index .ind-faq .df .left .pic .t, #index .ind-product2 .right .pro-li .pd .t, #index .ind-product2 .right .pro-li .pd .d, #index .ind-product2 .right .pro-li .pd .more, #index .ind-product2 .viewall, #index .ind-school .left .d{font-size: 24px;} #index .ind-product2 .right .pro-li .pd .d, #index .ind-faq .df .left .desc{line-height: 36px;} #index .ind-about .list2 .adv .desc, #index .ind-company .item .desc{line-height: 36px;height: 144px;-webkit-line-clamp: 4;} #index .ind-product2 .right .pro-li .pd .more, #index .ind-product2 .viewall{height: 55px;line-height: 55px;width: 180px;} #index .ind-school .left .desc{line-height: 36px;max-height: 72px;height: auto;} #index .ind-product2 .viewall{display: block;} } /*演示页面*/ #show{padding: 70px 0 80px;background: linear-gradient(180deg,#8fc2f7,hsla(0,0%,84.7%,0));} #show .cw940{max-width: 940px;width: 92%;margin: 0 auto;} #show .left{width: 42.13%;} #show .left .tit{font-weight: 600;font-size: 24px;color: #0d223b;} #show .left .tit2{color: #666;font-size: 14px;margin: 5px 0 10px;} #show .left .list1{margin-bottom: 60px;} #show .left .list1 .item{background: hsla(0,0%,100%,.5);padding: 12px;border-radius: 6px;} #show .left .list1 .item .m-pic{width: 48px;height: 48px;} #show .left .list1 .item .con{width: 84%;margin-left: 2%;} #show .left .list1 .item .t{color: #0d223b;font-size: 14px;margin-bottom: 5px;} #show .left .list1 .item .d{color: #666;font-size: 14px;} #show .left .list2{background: hsla(0,0%,100%,.5);padding: 20px 10px;border-radius: 6px;} #show .left .list2 .li{width: 49%;margin-right: 2%;margin-bottom: 15px;} #show .left .list2 .li:nth-child(2n){margin-right: 0;} #show .left .list2 .big{font-size: 34px;font-style: oblique;font-weight: 700;color: #0189e0;} #show .left .list2 .ri{width: 74%;margin-left: 7%;margin-top: 6px;} #show .left .list2 .t1{font-weight: 800;font-size: 12px;color: #333;margin-bottom: 5px;} #show .left .list2 .t2{font-size: 10px;color: #666;} #show .right{border-radius: 6px;width: 45.11%;padding: 100px 30px 155px;} #show .right .title{color: #333;font-size: 24px;font-weight: 700;} #show .right .title .t2{color: #0189e0;font-weight: 700;font-size: 24px;} #show .right .title2{color: #666;font-size: 14px;margin-top: 12px;} #show .right .m-pic{margin: 42px auto 34px;width: 150px;height: 150px;background: url(/static/images/icon83.png) no-repeat center center;} #show .right .m-pic img{max-width: 144px;max-height: 144px;} #show .right .title3{color: #666;font-size: 14px;} @media (max-width: 1050px){ #show .cw940{max-width: 750px;} #show .left{width: 49%;} #show .left .list1 .item .con{width: 80%;} #show .left .list2 .ri{margin-left: 0;width: 100%;display: block;} } @media (max-width: 850px){ #show .cw940{max-width: 92%;} #show .right, #show .left{width: 100%;float: none;} #show .right{padding: 60px 0 70px;margin-top: 60px;} #show .left .tit2{margin-bottom: 20px;font-size: 24px;} #show .left .list2 .t1, #show .left .tit{font-size: 26px;} #show .left .list2 .li{margin-bottom: 25px;} #show .left .list1 .item{padding: 20px 15px;} #show .left .list2 .big{font-size: 40px;} #show .left .list2 .t2, #show .left .list1 .item .t, #show .left .list1 .item .d, #show .right .title3, #show .right .title2{font-size: 24px;line-height: 36px;} } /*公共亚马逊*/ .pub-amazon .list .ama{width: 31%;padding: 50px;margin-bottom: 30px;margin-right: 3.5%;border-radius: 4px;} .pub-amazon .list .ama:hover{box-shadow: 0px 5px 25px 0px rgba(29, 98, 218, 0.15);} .pub-amazon .list .ama:nth-child(3n){margin-right: 0;} .pub-amazon .list .ama .m-pic{width: 100%;height: 68px;} .pub-amazon .list .ama .tit{margin-top: 20px;color: #575d68;font-size: 16px;} /*关于我们*/ #about .picture .pc, #about .picture .mobile{background-size: cover;background-position: center center;background-repeat: no-repeat;} #about .picture .pc:after{padding-top: 21.875%;} #about .picture .con{top: 34.5%;left: 0;right: 0;margin: auto;z-index: 2;} #about .picture .t1{color: #ffffff;font-size: 40px;margin-bottom: 30px;} #about .picture .t2{color: #ffffff;font-size: 16px;line-height: 30px;} #about .picture .mobile{display: none;} #about .intro .df{display: flex;align-items: center;} #about .intro .left{width: 45.71%;margin-right: 5.72%;} #about .intro .left .desc1{color: #222222;font-size: 20px;line-height: 34px;} #about .intro .left .desc2{color: #636873;font-size: 16px;line-height: 30px;margin-top: 7.03%;} #about .intro .pic{width: 48.57%;} #about .intro .pic .m-pic:after{padding-top: 73.529%;} #about .intro .pic.video:after{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 80px;height: 80px;background: url(/static/images/icon44.png) no-repeat center center;z-index: 2;} #about .values{background: #f7f8fa;} #about .values .list .li{width: 15.21%;} #about .values .list .li:nth-child(2){margin: 0 0.685%;} #about .values .list .li .bg{background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;} #about .values .list .li .bg:after{padding-top: 500px;} #about .values .list .li .con{bottom: 25px;width: 88.37%;right: 5.81%;} #about .values .list .li .i{width: 26.32%;height: 50px;margin-right: 5.2%;} #about .values .list .li .tit{line-height: 50px;color: #ffffff;font-size: 24px;margin-bottom: 15px;} #about .values .list .li .desc{color: #ffffff;font-size: 16px;line-height: 30px;height: 0;overflow: hidden;margin-left: 6.98%;} #about .values .list .li.cur{width: 68.21%;} #about .values .list .li.cur .con{width: 87.43%;right: 6.91%;text-align: left;} #about .values .list .li.cur .i{margin-right: 1%;width: 5.98%;} #about .values .list .li.cur .desc{height: auto;} #about .pub-amazon{padding-bottom: 50px;} #about .team .item{width: 48.57%;border: 1px solid #e5e5e5;margin-right: 2.857%;margin-bottom: 2.857%;padding: 40px;} #about .team .ms{top: -70px;} #about .team .item:hover{border-color: #eaf0fc;box-shadow: 0 0 20px 5px #eaf0fc;} #about .team .item .m-pic{width: 17.35%;border-radius: 50%;margin-right: 3.676%;} #about .team .item .m-pic img{border-radius: 50%;} #about .team .item:nth-child(2n){margin-right: 0;} #about .team .item .con{width: 66.176%;} #about .team .item .name{color: #222222;font-size: 26px;margin-bottom: 20px;} #about .team .item .name .posi{color: #222222;font-size: 16px;vertical-align: bottom;} #about .team .item .desc{color: #636873;font-size: 16px;line-height: 30px;} #about .property{background: #f7f8fa;} #about .property .slide .m-pic{border: 1px solid #e5e5e5;} #about .property .slide .m-pic:after{padding-top: 134.88%;} #about .property [pn]{top: 0;bottom: 0;margin: auto;width: 58px;height: 58px;border-radius: 50%;border: 1px solid #e5e5e5;background-repeat: no-repeat;background-position: center center;} #about .property [pn]:hover{background-color: var(--Color);} #about .property .prev{left: -11.43%;background-image: url(/static/images/icon34.png);} #about .property .next{right: -11.43%;background-image: url(/static/images/icon35.png);} #about .property .prev:hover{background-image: url(/static/images/icon34_2.png);} #about .property .next:hover{background-image: url(/static/images/icon35_2.png);} #about .contact{background: #f7f8fa;} #about .contact .boxs{height: 500px;} #about .contact .boxs .BMap_shadow img, #about .contact .boxs .BMap_pop{display: none;} #about .contact .df{display: flex;align-items: center;height: 100%;} #about .contact .right .h{display: flex;align-items: center;} #about .contact .df .clean{width: 100%;} #about .contact .con{width: 62.857%;left: 0;right: 0;margin: auto;top: 0;bottom: 0;z-index: 2;} #about .contact .td{width: 43.18%;padding: 40px 50px;background: #fff;box-shadow: 0 0 20px -2px rgba(11,23,43,.1);} #about .contact .td:after{content: "";position: absolute;top: 0;bottom: 0;margin: auto;width: 18px;height: 21px;background-repeat: no-repeat;background-position: center center;} #about .contact .left:after{right: -18px;background-image: url(/static/images/icon45.png);} #about .contact .left .i{width: 41px;height: 43px;margin: 0 auto 30px;background: url(/static/images/icon25.png) no-repeat center center;} #about .contact .left .company{color: #222222;font-size: 16px;line-height: 30px;margin-bottom: 15px;} #about .contact .left .add{color: #636873;font-size: 16px;line-height: 30px;} #about .contact .right:after{left: -18px;background-image: url(/static/images/icon46.png);} #about .contact .right .dd{color: #636873;font-size: 16px;padding: 15px 0px 15px 35px;background-repeat: no-repeat;background-position: left center;} #about .contact .right .tel{background-image: url(/static/images/icon1.png);} #about .contact .right .wx{background-image: url(/static/images/icon29.png);} #about .contact .right .mail{background-image: url(/static/images/icon40.png);} @media (max-width: 1820px){ #about .property .prev{left: -5%;} #about .property .next{right: -5%;} } @media (max-width: 1680px){ #about .property .prev, #about .property .next{z-index: 2;background-color: #fff;} #about .property .prev{left: -1.9%;} #about .property .next{right: -1.9%;} } @media (max-width: 1440px){ #about .picture .con{top: 25%;} #about .team .item .con{width: 72%;} } @media (max-width: 1280px){ #about .intro .left .desc1{font-size: 18px;line-height: 30px;} #about .intro .left .desc2{font-size: 14px;line-height: 28px;} #about .intro .pic.video:after{width: 60px;height: 60px;-webkit-background-size: 100%;background-size: 100%;} #about .values .list .li{width: 20%;} #about .values .list .li.cur{width: 58.21%;} #about .values .list .li .tit{font-size: 20px;margin-bottom: 5px;} #about .values .list .li .desc{font-size: 14px;line-height: 28px;} #about .contact .con{width: 86%;} #about .contact .td{width: 40%;padding: 30px 50px;} } @media (max-width: 1050px){ #about .picture .con{height: 110px;top: 0;bottom: 0;} #about .picture .t1{font-size: 30px;margin-bottom: 20px;} #about .picture .pc:after{padding-top: 40%;} #about .team .item .desc{font-size: 14px;line-height: 28px;} #about .team .item .name{font-size: 24px;} .pub-amazon .list .ama, #about .team .item{padding: 25px;} } @media (max-width: 981px){ #about .intro .df{display: block;text-align: center;} #about .intro .pic .m-pic:after{padding-top: 62%;} #about .intro .left .desc2{margin-top: 6%;margin-bottom: 40px;} #about .intro .pic, #about .intro .left{width: 100%;float: none;} #about .contact .td{width: 48%;padding: 30px;} #about .contact .df{display: block;} #about .contact .con{width: 100%;position: static;margin-bottom: 60px;} #about .contact .left:after, #about .contact .right:after{display: none;} } @media (max-width: 750px){ #about .picture .pc{display: none;} #about .picture .con{height: 194px;} #about .picture .mobile{display: block;} #about .picture .mobile:after{padding-top: 80%;} /*#about .picture .mobile .cw1400{width: 60%;}*/ #about .picture .t1{font-weight: 600;} #about .picture .t2{font-size: 24px;line-height: 36px;} #about .contact .df{display: block;} #about .contact .td{float: none;width: 100%;} #about .contact .left{margin-bottom: 30px;} #about .contact .left .company, #about .intro .left .desc1{font-size: 26px;line-height: 40px;} #about .contact .right .dd, #about .contact .left .add, #about .intro .left .desc2{font-size: 24px;line-height: 36px;} #about .intro .pic .m-pic:after{padding-top: 72%;} #about .values .list .li .tit{font-size: 26px;font-weight: 600;} #about .values .list .li.cur{width: 100%;margin: 0 auto 30px;} #about .values .list .li.cur .con{width: 94%;left: 0;right: 0;margin: auto;} #about .values .list .li.cur .i{width: 50px;margin-right: 3%;} #about .values .list .li.cur .desc{font-size: 24px;line-height: 38px;margin-left: 12%;} #about .team .item{width: 100%;margin-right: 0;} #about .team .item .con{width: 76%;} #about .team .item .name{font-size: 28px;} #about .team .item .desc, .pub-amazon .list .ama .tit, #about .team .item .name .posi{font-size: 24px;line-height: 36px;} .pub-amazon .list{text-align: center;} .pub-amazon .list .ama:nth-child(3n), .pub-amazon .list .ama{width: 70%;margin: 4% auto;} .pub-amazon .list .swiper-pagination{position: static;margin-top: 50px;} .pub-amazon .list .swiper-pagination span{width: 15px;height: 6px;opacity: 1;border-radius: 25px;background: #dbe2ee;margin: 0 5px;} .pub-amazon .list .swiper-pagination .swiper-pagination-bullet-active{width: 30px;background: var(--Color);} /*.pub-amazon .list .ama:nth-child(2n){margin-right: 0;}*/ } /*价格*/ #price{padding: 90px 0 100px;background: url(/static/images/bg.jpg) no-repeat center top;} #price .title2{color: #222222;font-size: 40px;} #price .des{margin: 25px 0 50px;color: #222222;font-size: 16px;} #price .category{} #price .category .cate{position: relative;margin: 0 5px;border: 1px solid #e5e5e5;color: #636873;font-size: 16px;line-height: 48px;height: 48px;width: 210px;text-align: center;} #price .category .cate.cur, #price .category .cate:hover{background: var(--Color);color: #fff;border-color: var(--Color);} #price .category .cate.cur:after{content: "";position: absolute;left: 0;right: 0;margin: auto;bottom: -8px;width: 9px;height: 8px;background: url(/static/images/icon78.png) no-repeat center center;} #price .cate-list{margin: 70px auto 80px;} #price .cate-list .cate{border: 1px solid #e5e5e5;padding-top: 50px;margin-right: 1.43%;} #price .cate-list .cate.w1{width: 100%;} #price .cate-list .cate.w1:nth-child(1n){margin-right: 0;} #price .cate-list .cate.w2{width: 49.285%;} #price .cate-list .cate.w2:nth-child(2n){margin-right: 0;} #price .cate-list .cate.w3{width: 32.38%;} #price .cate-list .cate.w3:nth-child(3n){margin-right: 0;} #price .cate-list .cate.w4{width: 23.9275%;} #price .cate-list .cate.w4:nth-child(4n){margin-right: 0;} #price .cate-list .cate.w5{width: 18.85%;} #price .cate-list .cate.w5:nth-child(5n){margin-right: 0;} #price .cate-list .cate .w{width: 76.923%;margin: 0 auto;} #price .cate-list .cate.recom:after{content: "";position: absolute;right: 0;top: -7px;width: 78px;height: 78px;background: url(/static/images/recom.png) no-repeat center center;z-index: 2;} #price .cate-list .cate .ico{width: 80px;height: 70px;top: -37px;left: 0;right: 0;margin: auto;} #price .cate-list .cate .name{color: #222222;font-size: 30px;} #price .cate-list .cate .desc{margin: 15px 0 30px;color: #636873;font-size: 16px;line-height: 30px;} #price .cate-list .cate .price{margin: 15px 0 30px;color: #636873;font-size: 16px;line-height: 30px;} #price .cate-list .cate .price .siz{color: #fd4232;font-size: 20px;margin-top: -14px;} #price .cate-list .cate .price .p2{color: #fd4232;font-size: 50px;font-family: Arial;} #price .cate-list .cate .price .p3{color: #222222;font-size: 20px;margin-top: 9px;} #price .cate-list .cate.one .price .siz, #price .cate-list .cate.one .price .p2{color: #222222;} #price .cate-list .cate .tp{margin-bottom: 25px;} #price .cate-list .cate .price2{margin-top: 15px;color: #636873;font-size: 16px;text-decoration:line-through;} #price .cate .btns{width: 100%;height: 50px;line-height: 50px;background: var(--Color);color: #ffffff;font-size: 16px;} #price .cate .btns:hover{opacity: .8;} /*#price .cate.one .btns{background: #e9edf3;color: var(--Color);}*/ /*#price .cate.one .btns:hover{background: var(--Color);color: #fff;}*/ #price .cate.recom .btns{background: #fd4232;} #price .cate-list .data{margin: 35px 0 40px;} #price .cate-list .data .d{margin-bottom: 10px;} #price .cate-list .data .d:last-child{margin-bottom: 0px;} #price .cate-list .data .d .d1{color: #636873;font-size: 16px;} #price .cate-list .data .d .d2{color: #222222;font-size: 16px;} #price .bixs{width: 100%;background: #fff;} #price .bixs.fixed{top: 0;left: 0;right: 0;margin: auto;z-index: 100;} #price .bixs td:nth-child(2n){border: none;background: #f7f8fa;} #price .cate-list2.list2{height: 173px;} #price .cate-list2.list2{width: 1400px;} #price .cate-list2 table{width: 1400px;height: 173px;margin: 0 auto;} #price .cate-list2.fixed{top: 0;left: 0;right: 0;margin: auto;z-index: 100;} #price .cate-list2 td{width: 233px;height: 173px;border: 1px solid #e5e5e5;text-align: center;} #price .cate-list2 td.recom:after{content: "";position: absolute;right: 0;top: -5px;width: 78px;height: 78px;background: url(/static/images/recom.png) no-repeat center center;z-index: 2;} #price .cate-list2 .name{color: #222222;font-size: 20px;margin-bottom: 20px;} #price .cate-list2 .price{margin: 20px 0 10px;} #price .cate-list2 .price .siz{color: #fd4232;font-size: 20px;margin-top: -2px;} #price .cate-list2 .price .p2{color: #fd4232;font-size: 40px;font-family: Arial;} #price .cate-list2 .price .p3{color: #222222;font-size: 20px;margin-top: 12px;} #price .cate-list2 .one .price .siz{color: #000000;} #price .cate-list2 .one .price .p2{color: #000000;} #price .cate-list2 .one .price .p3{color: #000000;} #price .cate-list2 .price2{color: #636873;font-size: 16px;text-decoration:line-through;} #price .cate-list2 td:first-child{border-top: 4px solid #e5e5e5;color: #222222;font-size: 20px;vertical-align: middle;} #price .cate-list2.list3 td:first-child, #price .cate-list2.list3 td{height: auto;border-top: none;} #price .cate-list2.list3 td{padding: 40px 0 30px;} #price .cate-list2.list3 .btns{width: 150px;margin-top: 25px;} #price .cate-list2.list3 .tp{min-height: 76px;} #price .cate-list2.list3 td:first-child{border-bottom: 4px solid #e5e5e5;} #price .cate-list2.list3 td.recom:after{top: -1px;} #price .boxs{width: 1402px;margin: 0 auto;overflow-x: auto;padding-bottom: 20px;} #price .boxs::-webkit-scrollbar {width: 8px;height: 8px;} #price .boxs::-webkit-scrollbar-track{background: #e5e5e5;border-radius: 25px;} #price .boxs::-webkit-scrollbar-thumb{background: #666;border-radius: 25px;} #price .tool{width: 1400px;margin: 0 auto;} #price .tool table, #price .tool tr{width: 100%;} #price .tool th{background: #f6f6f6;color: #000000;font-size: 20px;text-align: left;padding: 20px 35px;} #price .tool td{width: 233px;color: #000000;font-size: 16px;text-align: left;padding: 15px 35px;border: 1px solid #e5e5e5;} #price .tool td:nth-child(2n){background: #f7f8fa;} #price .tool td .con{text-align: center;color: #000000;font-size: 16px;line-height: 30px;} #price .tool td .all{width: 18px;height: 18px;margin: 0 auto;background: url(/static/images/all.png) no-repeat center center;} #price .tool td .not{width: 18px;height: 18px;margin: 0 auto;background: url(/static/images/not.png) no-repeat center center;} #price .online{padding: 70px 0;background: #f7f8fa;} #price .online .con{color: #222222;font-size: 16px;line-height: 30px;padding: 10px 0;margin-right: 20px;} #price .online .bn{color: #ffffff;font-size: 16px;line-height: 50px;height: 50px;padding: 0px 28px;background: var(--Color);} #price .online .bn:hover{background: var(--Color2);} /*充值*/ #price .recharge{margin-top: 70px;box-shadow: 0 0 20px 5px #eaf0fc;} #price .recharge .rech{padding: 70px 0;width: 88.57%;margin: 0 auto;border-bottom: 1px solid #e5e5e5;} #price .recharge .rech .tit1{color: #222222;font-size: 26px;margin-bottom: 45px;} #price .recharge .rech .list .li{width: 32%;margin-right: 2%;margin-bottom: 2%;} #price .recharge .rech .list .li:nth-child(3n){margin-right: 0;} #price .recharge .rech .list .li .ico{margin: 0 auto 30px;width: 130px;height: 130px;border: 1px solid #eaf1fd;border-radius: 50%;} #price .recharge .rech .list .li .ico img{max-width: 50px;max-height: 50px;} #price .recharge .rech .list .li .tit{margin-bottom: 20px;color: #222222;font-size: 20px;} #price .recharge .rech .list .li .desc{color: #636873;font-size: 16px;line-height: 30px;} #price .recharge .rech .intro{width: 76%;margin: 0 auto;text-align: left;color: #636873;font-size: 16px;line-height: 30px;} #price .recharge .rech.ch3{border-bottom: none;padding-bottom: 90px;} #price .recharge .rech.ch3 .tit1{margin-bottom: 25px;} #price .recharge .rech.ch3 .editor{margin-bottom: 40px;} #price .recharge .rech.ch3 .lin{width: 160px;height: 60px;line-height: 60px;color: #fff;font-size: 16px;background: var(--Color);margin: 0 auto;} #price .recharge .rech.ch3 .lin img{margin-left: 10px;margin-bottom: 3px;} #price .recharge .rech.ch3 [href].lin:hover{background: var(--Color2);} /*二维码弹窗*/ #price-popup-bg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100;background: rgba(0,0,0,0.5);display: none;} #price-contact, #price-service{width: 346px;height: 370px;background: #fff;position: fixed;top: calc(50% - 185px);left: calc(50% - 173px);z-index: 101;display: none;} #price-contact .top, #price-service .top{height: 50px;border-bottom: 1px solid #ddd;} #price-contact .top .guanbi, #price-service .top .guanbi{font-size: 20px;color: #bbb;height: 30px;line-height: 30px;width: 30px;margin: 10px 10px 0 0;text-align: center;} #price-contact .img, #price-service .img{width: 190px;height: 190px;margin: 25px auto;} #price-contact .txt, #price-service .txt{width: 80%;margin: 0 auto;font-size: 22px;color: #666;text-align: center;line-height: 32px;} /*常见问题*/ #price .faq{margin-top: 70px;} #price .faq .title2{margin-bottom: 50px;} #price .faq .left{width: 28.57%;background: #f7f8fa;padding: 50px;} #price .faq .left .tit{color: #222222;font-size: 20px;} #price .faq .btns{margin-top: 20px;color: #fff;font-size: 16px;width: 200px;height: 60px;line-height: 60px;background: var(--Color);border-radius: 4px;} #price .faq .btns:hover{background: var(--Color2);} #price .faq .right{width: 67.857%;} #price .faq .right .faq-li{margin-bottom: 10px;background: #f7f8fa;} #price .faq .right .faq-li .tit{color: #222222;font-size: 20px;padding: 30px 40px;padding-right: 120px;background: url(/static/images/icon74.png) no-repeat 91% center;border-bottom: 2px solid #fff;} /*#price .faq .right .faq-li .tit:hover{color: var(--Color);}*/ #price .faq .right .faq-li .con{width: 91.58%;margin: 0 auto;height: 0;overflow: hidden;} #price .faq .right .faq-li .con .h{padding: 40px 0 60px;} #price .faq .right .faq-li:hover .tit, #price .faq .right .faq-li.in .tit{background-image: url(/static/images/icon73.jpg);} #price .faq .right .list{margin-bottom: 40px;} #price .faq .right .is-end{display: none;} @media (max-width: 1545px){ #price .boxs{width: 92%;} } @media (max-width: 1440px){ #price .cate-list .cate .w{width: 82%;} #price .cate-list .cate .name{font-size: 28px;} #price .cate-list .cate .desc{margin-bottom: 20px;} #price .cate-list .cate .price{margin-bottom: 20px;} #price .cate-list .cate .price .p2{font-size: 40px;} #price .cate-list .cate .price .p3{margin-top: 0;} #price .cate-list .cate .price .siz{margin-top: -8px;} } @media (max-width: 1280px){ #price .faq .left{padding: 30px;} #price .faq .btns{width: 90%;} #price .cate-list{margin-bottom: 30px;} #price .cate-list .cate:nth-child(5), #price .cate-list .cate{width: 30% !important;margin-right: 5%;margin-bottom: 60px;} #price .cate-list .cate:nth-child(3n){margin-right: 0;} } @media (max-width: 1050px){ #price .recharge .rech .list .li{width: 30%;margin-right: 5%;} } @media (max-width: 920px){ #price .recharge .rech .list .li .ico{width: 100px;height: 100px;} #price .recharge .rech .intro{width: 86%;} #price .faq .left, #price .faq .right{width: 100%;float: none;} #price .faq .left{margin-top: 40px;text-align: center;} #price .faq .btns{width: 200px;margin-left: auto;margin-right: auto;} #price .cate-list .cate:nth-child(5), #price .cate-list .cate{width: 31% !important;margin-right: 3.5%;} #price .cate-list .cate .price .p2{font-size: 36px;} #price .cate-list .cate .w{width: 90%;} } @media (max-width: 750px){ #price .title2{font-size: 38px;} #price .category .cate{width: auto;font-size: 26px;padding: 0 20px;height: 60px;line-height: 60px;} #price .des{font-size: 24px;line-height: 38px;} #price .recharge .rech .list{text-align: center;} #price .recharge .rech .list .li:nth-child(3n), #price .recharge .rech .list .li{width: 47%;margin-right: 5%;margin-bottom: 5%;} #price .recharge .rech .list .li:nth-child(2n){margin-right: 0;} #price .faq .right .faq-li .tit, #price .recharge .rech .tit1{font-size: 28px;line-height: 40px;} #price .recharge .rech .list .li .tit{font-size: 26px;line-height: 38px;} #price .faq .left .tit{font-size: 26px;} #price .faq .btns{font-size: 24px;} #price .recharge .rech .list .li .desc, #price .online .con, #price .online .bn, #price .recharge .rech .intro{font-size: 24px;line-height: 38px;} #price .online .bn{height: 60px;line-height: 60px;} #price .recharge .rech.ch3 .lin{width: 260px;font-size: 26px;} #price .cate-list2 td:first-child, #price .cate-list2 .name{font-size: 26px;} #price .cate-list2.list2, #price .cate-list2 td{height: 210px;} #price .tool td, #price .tool td .con, #price .cate-list2 .price .p3, #price .cate-list2.list3 .btns, #price .tool th{font-size: 24px;} #price .tool td .con{line-height: 36px;} #price .cate-list2 .price2{font-size: 24px;} #price .cate-list .cate:nth-child(5), #price .cate-list .cate:nth-child(3n), #price .cate-list .cate{width: 48% !important;margin-right: 4%;} #price .cate-list .cate:nth-child(2n){margin-right: 0;} #price .cate-list .cate .name{font-size: 26px;} #price .cate-list .cate .price2, #price .cate-list .cate .price .p3, #price .cate .btns, #price .cate-list .cate .price .siz, #price .cate-list .data .d .d2, #price .cate-list .data .d .d1, #price .cate-list .cate .desc{font-size: 24px;line-height: 36px;} #price .cate .btns{height: 60px;line-height: 60px;} #price-contact, #price-service{width: 70%;height: 480px;top: calc(50% - 240px);left: 15%;} #price-contact .top, #price-service .top{height: 70px;} #price-contact .top .guanbi, #price-service .top .guanbi{font-size: 35px;height: 70px;line-height: 70px;width: 70px;margin: 0;text-align: center;} #price-contact .img, #price-service .img{width: 250px;height: 250px;margin: 25px auto;} #price-contact .txt, #price-service .txt{font-size: 34px;line-height: 44px;} } /*公共-学院*/ .pub-school .school-list .info{} .pub-school .school-list .info .center{width: 92.34%;margin: 0 auto;padding: 30px 0;border-bottom: 1px solid #f0f2f5;} #help.pub-school .school-list .info .center{width: 92.9%;} .pub-school .school-list .info .pic{width: 26.522%;border: 1px solid #e5e5e5;} #help.pub-school .school-list .info .pic{width: 18.46%;} .pub-school .school-list .info .tag{top: 9px;left: 10px;background: rgba(0,0,0,.75);color: #ffffff;font-size: 12px;height: 24px;line-height: 24px;padding: 0 8px;} .pub-school .school-list .info .pic:after{padding-top: 62.19%;} .pub-school .school-list .info .msg{width: 69.61%;} #help.pub-school .school-list .info .msg{width: 79%;} .pub-school .school-list .info .title{color: #222222;font-size: 20px;margin: 5px 0 15px;} .pub-school .school-list .info .desc .color, .pub-school .school-list .info .title .color{color: var(--Color);} .pub-school .school-list .info .desc{color: #636873;font-size: 16px;line-height: 24px;margin-bottom: 4.76%;} .pub-school .school-list .info .desc .more{color: var(--Color);font-size: 16px;} #help.pub-school .school-list .info .desc{margin-bottom: 3.26%;} .pub-school .school-list .info .date{color: #636873;font-size: 16px;} .pub-school .school-list .info:hover{background: #f6f8fa;} .pub-school .school-list .info:hover .title{color: var(--Color);} .pub-school .school-list .info:hover .tag{background: var(--Color);} @media (max-width: 1280px){ #help.pub-school .school-list .info .pic{width: 26.46%;} #help.pub-school .school-list .info .msg{width: 70%;} } @media (max-width: 920px){ .pub-school .school-list .info .pic{width: 34%;} .pub-school .school-list .info .msg{width: 62%;} } @media (max-width: 750px){ #help.pub-school .school-list .info .pic{width: 36%;} #help.pub-school .school-list .info .msg{width: 60%;} .pub-school .school-list .info .title{font-size: 26px;} .pub-school .school-list .info .desc{font-size: 24px;line-height: 36px;max-height: 72px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .pub-school .school-list .info .tag, .pub-school .school-list .info .date{font-size: 24px;} .pub-school .school-list .info .tag{height: 36px;line-height: 36px;} } /*学院*/ #school{padding: 30px 0 100px;box-shadow: inset -5px 5px 15px #e6eefb;background: #f0f2f5;} #school .picture{margin-bottom: 30px;border-radius: 5px;overflow: hidden;} #school .left{width: 70%;padding-bottom: 70px;} #school .left .cate-list{border-bottom: 1px solid #f0f2f5;} #school .left .cate-list .list{width: 92.34%;margin: 0 auto;padding-top: 28px;} #school .left .cate-list .slide{width: auto;} #school .left .cate-list .cate{color: #636873;font-size: 16px;padding-bottom: 28px;} #school .left .cate-list .cate:after{content: "";position: absolute;left: 0;width: 100%;height: 2px;bottom: -1px;z-index: 2;background: transparent;} #school .left .cate-list .slide.cur .cate, #school .left .cate-list .slide .cate:hover{color: var(--Color);} #school .left .cate-list .slide.cur .cate:after{background: var(--Color);} #school .right{width: 28.57%;} #school .right .tit2{color: #222222;font-size: 26px;margin-bottom: 25px;} #school .right .boxs{width: 100%;margin-bottom: 20px;padding: 30px;} #school .right .form{height: 70px;padding: 0;} #school .right .form .sub{width: 15%;height: 70px;background: url(/static/images/icon56.png) no-repeat center center;} #school .right .form .ipt{width: 85%;padding: 0 8px;color: #bfc2c8;font-size: 16px;line-height: 70px;height: 70px;} #school .right .form .ipt:focus{color: #222;} #school .boxs .list{width: 100%;margin: 0 auto;} #school .hot-list .item{margin-bottom: 20px;} #school .hot-list .item .df{display: flex;align-items: center;} #school .hot-list .item .m-pic{width: 47.647%;height: 100px;margin-right: 4.118%;} #school .hot-list .item .tit{width: 48.235%;color: #222222;font-size: 16px;line-height: 25px;max-height: 100px;} #school .hot-list .item:hover .tit{color: var(--Color);} #school .community .li{margin-bottom: 20px;} #school .community .li:last-child{margin-bottom: 0px;} #school .community .li .name{width: 53.75%;padding: 8px 0;padding-left: 68px;color: #636873;font-size: 16px;} #school .community .li .name:after{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 48px;height: 48px;border-radius: 50%;background: #f0f2f5 url(/static/images/icon54.png) no-repeat center center;} #school .community .li .code{width: 0px;padding: 15px 0;overflow: hidden;z-index: 2;top: -15px;right: 100px;} #school .community .li .code .d{width: 170px;margin-left: 15px;padding: 20px;padding-bottom: 15px;background: #fff;} #school .community .li .code .d:after{content: "";position: absolute;right: -8px;width: 8px;height: 10px;background: url(/static/images/icon55.png) no-repeat center center;top: 13px;} #school .community .li .code .t{color: var(--Color);font-size: 14px;} #school .community .li .code .m-pic{width: 130px;height: 130px;margin: 0 auto;} #school .community .li .btns{width: 88px;height: 34px;margin-top: 8px;line-height: 32px;border: 1px solid var(--Color);color: var(--Color);font-size: 16px;} #school .community .li .btns .i{width: 16px;height: 32px;margin-right: 10px;background: url(/static/images/code2.png) no-repeat center center;} #school .community .li .code.open{width: 198px;} #school .community .li .code.open .d{box-shadow: 0 0 15px 5px #eaf0fc;} #school .community .li:hover{z-index: 2;} #school .community .li .btns:hover{color: #fff;background: var(--Color);} #school .community .li .btns:hover .i{background-image: url(/static/images/code.png);} #school .picture2{width: 100%;margin-bottom: 20px;border-radius: 5px;overflow: hidden;} #school .picture2:after{padding-top: 50%;} #school .category .li{color: #636873;font-size: 16px;line-height: 30px;margin-bottom: 20px;padding-left: 15px;} #school .category .li:after{content: "";position: absolute;left: 0;top: 12px;width: 6px;height: 6px;border: 1px solid #b0b0b0;background: #f7f8fa;border-radius: 50%;} #school .category .li:hover{color: var(--Color);} #school .category .li:hover::after{border-color: var(--Color);} #school .right .tag .li{width: 30.58%;margin-right: 2.94%;margin-bottom: 2.94%;color: #636873;font-size: 14px;padding: 10px 5px;border: 1px solid #e5e5e5;} #school .right .tag .li:nth-child(3n){margin-right: 0;} #school .right .tag .li:hover{color: #fff;border-color: var(--Color);background: var(--Color);} /*学院-标签*/ #school .tagbox{margin: 20px auto 100px;padding-bottom: 60px;} #school .tagbox .w{width: 95.71%;margin: 0 auto;} #school .tagbox .top{border-bottom: 1px solid #f0f2f5;padding: 28px 0;} #school .tagbox .top .sch-left{color: var(--Color);font-size: 16px;} #school .tagbox .top .back{color: #222222;font-size: 16px;padding-left: 30px;background: url(/static/images/icon57.png) no-repeat left center;} #school .tagbox .top .back:hover{color: var(--Color);background-image: url(/static/images/icon57_2.png);} #school .tagbox .tag-list .li{width: 23.88%;margin-top: 30px;margin-right: 1.49%;} #school .tagbox .tag-list .li:nth-child(4n){margin-right: 0;} #school .tagbox .tag-list .li .m-pic{border: 1px solid #e5e5e5;} #school .tagbox .tag-list .li .m-pic:after{padding-top: 62.5%;} #school .tagbox .tag-list .li .con{width: 87.5%;margin: 18px auto 0;} #school .tagbox .tag-list .li .title{color: #222222;font-size: 16px;line-height: 24px;margin-bottom: 18px;height: 48px;} #school .tagbox .tag-list .li .date{color: #636873;font-size: 16px;} #school .tagbox .tag-list .li .tag{top: 9px;left: 10px;background: rgba(0,0,0,.75);color: #ffffff;font-size: 12px;height: 24px;line-height: 24px;padding: 0 8px;} #school .tagbox .tag-list .li:hover .title{color: var(--Color);} #school .tagbox .tag-list .li:hover .tag{background: var(--Color);} @media (max-width: 1280px){ #school .left{width: 72%;} #school .right{width: 25%;} } @media (max-width: 1200px){ #school .left{width: 100%;float: none;} #school .right{display: none;} #school .left .cate-list .cate{padding-bottom: 15px;margin-bottom: 10px;} } @media (max-width: 1024px){ #school .tagbox .tag-list .li:nth-child(4n), #school .tagbox .tag-list .li{width: 30%;margin-right: 5%;} #school .tagbox .tag-list .li:nth-child(3n){margin-right: 0;} } @media (max-width: 750px){ #school .tagbox .tag-list .li:nth-child(4n), #school .tagbox .tag-list .li:nth-child(3n), #school .tagbox .tag-list .li{width: 48%;margin-right: 4%;} #school .tagbox .tag-list .li:nth-child(2n){margin-right: 0;} #school .tagbox .top .sch-left{font-size: 26px;line-height: 38px;} #school .tagbox .tag-list .li .tag, #school .tagbox .top .back{font-size: 24px;line-height: 38px;} #school .tagbox .tag-list .li .tag{height: 38px;} #school .tagbox .tag-list .li .title{font-size: 24px;line-height: 36px;height: 72px;} #school .left .cate-list .cate, #school .tagbox .tag-list .li .date{font-size: 24px;} } /*详细页*/ #school.in-detail{padding-bottom: 80px;} #school.in-detail .cw980{max-width: 980px;width: 90%;margin: 0 auto;} #school.in-detail .picture{margin-bottom: 30px;} #school.in-detail .bread{margin-bottom: 20px;} #school.in-detail .bread .d, #school.in-detail .bread .s{color: #b6b8be;font-size: 16px;} #school.in-detail .bread .d:last-child{color: #636873;} #school.in-detail .bread .d:hover{color: var(--Color);} /* #school.in-detail .center2{box-shadow: 0px 0px 15px 5px #e6eefb;padding: 60px 0 80px;margin-bottom: 20px;} #school.in-detail .center2 .w2{width: 84.69%;margin: 0 auto;} */ #school.in-detail .center2{box-shadow: 0px 0px 15px 5px #e6eefb;padding: 60px 0 80px;margin-bottom: 20px;} #school.in-detail .center2 .w2{width: 100%;padding: 0 7.655%;} #school.in-detail .center2 .title{margin-bottom: 20px;color: #222222;font-size: 24px;line-height: 36px;} #school.in-detail .center2 .time{color: #b6b8be;font-size: 14px;line-height: 27px;margin-right: 12px;} #school.in-detail .center2 .cate{padding: 0 14px;height: 27px;line-height: 27px;border-radius: 25px;background: #fff1e5;color: #ff6600;font-size: 12px;} #school.in-detail .center2 .editor{margin: 45px 0 60px;} #school.in-detail .center2 .tips{background: #fcfdfe;border: 1px solid #e5e5e5;padding: 35px 32px;font-size: 16px;color: #636873;line-height: 30px;} #school.in-detail .center2 .tag-list2{margin-top: 40px;} #school.in-detail .center2 .tag{padding: 0 15px;border: 1px solid #e5e5e5;color: #636873;font-size: 14px;height: 27px;line-height: 27px;margin-right: 2%;margin-bottom: 2%;} #school.in-detail .center2 .tag:hover{color: #fff;background: var(--Color);border-color: var(--Color);} #school.in-detail .center2 .share{width: 100%;margin-top: 55px;} #school.in-detail .center2 .share:before, #school.in-detail .center2 .share:after{content: "";position: absolute;width: 320px;height: 1px;top: 0;bottom: 0;margin: auto;background: #e5e5e5;} #school.in-detail .center2 .share:before{left: 0;} #school.in-detail .center2 .share:after{right: 0;} #school.in-detail .center2 .share .s{width: 40px;height: 40px;margin: 0 12px;background-repeat: no-repeat;background-position: center center;} #school.in-detail .center2 .share .wb{background-image: url(/static/images/sina.png);} #school.in-detail .center2 .share .wb:hover{background-image: url(/static/images/sina2.png);} #school.in-detail .center2 .share .qq{background-image: url(/static/images/qq.png);} #school.in-detail .center2 .share .qq:hover{background-image: url(/static/images/qq2.png);} #school.in-detail .center2 .share .wx{background-image: url(/static/images/wx.png);} #school.in-detail .center2 .share .wx:hover{background-image: url(/static/images/wx2.png);} #school.in-detail .center2 .share .boxs{top: -60px;} /*#school.in-detail .center2 .btns{right: -120px;width: 120px;top: 30px;}*/ #school.in-detail .center2 .btns{margin-right: -120px;width: 120px;} #school.in-detail .center2 .bn{width: 60px;height: 60px;background: #fff;border-top-right-radius: 4px;border-bottom-right-radius: 4px;margin-bottom: 10px;} #school.in-detail .center2 .bn .kuan{width: 120px;padding-left: 20px;line-height: 60px;font-size: 0;color: var(--Color);} #school.in-detail .center2 .bn .i{width: 13px;height: 60px;background-repeat: no-repeat;background-position: center center;} #school.in-detail .center2 .prev .i{background-image: url(/static/images/icon63.png);} #school.in-detail .center2 .next .i{background-image: url(/static/images/icon64.png);} #school.in-detail .center2 .back .kuan{padding-left: 14px;} #school.in-detail .center2 .share2 .kuan{padding-left: 14px;} #school.in-detail .center2 .share2 .boxs{width: 120px;left: 0;top: 60px;background: #fff;} #school.in-detail .center2 .share2 .boxs .s{width: 30px;height: 30px;margin: 0 5px;-webkit-background-size: 16px auto;background-size: 16px auto;background-repeat: no-repeat;background-position: center center;} #school.in-detail .center2 .share2 .wb{background-image: url(/static/images/sina.png);} #school.in-detail .center2 .share2 .wb:hover{background-image: url(/static/images/sina2.png);} #school.in-detail .center2 .share2 .qq{background-image: url(/static/images/qq.png);} #school.in-detail .center2 .share2 .qq:hover{background-image: url(/static/images/qq2.png);} #school.in-detail .center2 .share2 .wx{background-image: url(/static/images/wx.png);} #school.in-detail .center2 .share2 .wx:hover{background-image: url(/static/images/wx2.png);} #school.in-detail .center2 .back .i{width: 24px;background-image: url(/static/images/icon69.png);} #school.in-detail .center2 .share2 .i{width: 27px;background-image: url(/static/images/icon71.png);} #school.in-detail .center2 .prev:hover .i{background-image: url(/static/images/icon65.png);} #school.in-detail .center2 .next:hover .i{background-image: url(/static/images/icon66.png);} #school.in-detail .center2 .back:hover .i{width: 24px;background-image: url(/static/images/icon70.png);} #school.in-detail .center2 .share2.in .boxs{height: 45px;} #school.in-detail .center2 .share2.in .i, #school.in-detail .center2 .share2:hover .i{width: 27px;background-image: url(/static/images/icon72.png);} #school.in-detail .center2 .bn:hover{width: 120px;box-shadow: 0 0 20px 5px #dee5f2;} #school.in-detail .center2 .share2.in .kuan, #school.in-detail .center2 .bn:hover .kuan{font-size: 16px;} #school.in-detail .center2 .share2.in .kuan .i, #school.in-detail .center2 .bn:hover .kuan .i{margin-left: 17px;} #school.in-detail .pn{padding: 50px 60px;margin: 20px auto;} #school.in-detail .pn .pnext{width: 41.93%;} #school.in-detail .pn .pnext .tit{color: var(--Color);font-size: 16px;line-height: 28px;} #school.in-detail .pn .pnext .tit .i{width: 23px;height: 28px;background-repeat: no-repeat;background-position: center center;} #school.in-detail .pn .prev .i{margin-right: 10px;background-image: url(/static/images/icon67.png);} #school.in-detail .pn .next .i{margin-left: 5px;background-image: url(/static/images/icon68.png);} #school.in-detail .pn .pnext .n{color: #636873;font-size: 16px;line-height: 30px;max-height: 60px;margin-top: 20px;} #school.in-detail .pn [href]:hover .n{color: var(--Color);} #school.in-detail .about{padding-bottom: 40px;} #school.in-detail .about .title2{position: relative;border-bottom: 1px solid #f0f2f5;font-size: 16px;color: var(--Color);height: 68px;line-height: 68px;padding-left: 30px;} #school.in-detail .about .title2:after{content: "";position: absolute;left: 30px;bottom: 0;width: 64px;height: 2px;background: var(--Color);} #school.in-detail .about .center{width: 93.88%;} #school.in-detail .about .pic{width: 26.09%;} #school.in-detail .about .msg{width: 67.41%;margin-right: 2.17%;} @media (max-width: 1600px){ #school.in-detail .center2 .share:before, #school.in-detail .center2 .share:after{width: 265px;} } @media (max-width: 1400px){ #school.in-detail .center2 .share:before, #school.in-detail .center2 .share:after{width: 200px;} } @media (max-width: 1280px){ #school.in-detail .cw980{max-width: 74%;} } @media (max-width: 981px){ #school.in-detail .center2 .btns{display: none;} #school.in-detail .cw980{max-width: 92%;} #school.in-detail .pn{padding: 40px;} #school.in-detail .center2 .share:before, #school.in-detail .center2 .share:after{width: 160px;} } @media (max-width: 750px){ #school.in-detail .bread .d, #school.in-detail .center2 .cate, #school.in-detail .center2 .time, #school.in-detail .center2 .tips, #school.in-detail .center2 .tag, #school.in-detail .pn .pnext .n, #school.in-detail .bread .s{font-size: 24px;line-height: 36px;} #school.in-detail .center2 .time, #school.in-detail .center2 .tag, #school.in-detail .center2 .cate{line-height: 38px;height: 38px;} #school.in-detail .center2 .title{font-size: 28px;} #school.in-detail .pn .pnext{width: 100%;float: none;} #school.in-detail .pn .pnext .tit .i{display: none;} #school.in-detail .about .title2, #school.in-detail .pn .pnext .tit{font-size: 26px;} #school.in-detail .pn .prev{padding-bottom: 35px;margin-bottom: 35px;border-bottom: 1px solid #ddd;} #school.in-detail .about .pic{width: 36%;} #school.in-detail .about .msg{width: 57%;} #school.in-detail .about .title2:after{width: 95px;} } /*公共内容*/ .pub-content{padding: 70px 0 80px;} .pub-content .pub-tit{color: #222222;font-size: 42px;margin-bottom: 50px;} /*底部广告*/ .pub-photo1{padding: 50px 0;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;} .pub-photo1 .title{color: #ffffff;font-size: 24px;line-height: 40px;margin-bottom: 20px;} .pub-photo1 .btns{width: 120px;height: 50px;line-height: 50px;background: #ffffff;color: var(--Color);font-size: 16px;font-weight: 500;} .pub-photo1 .btns:hover{background: var(--Color2);color: #fff;border:1px solid #ffffff;} /*分页*/ .public-page{margin-top: 70px;} .public-page.is-end{margin-top: 20px;height: auto;overflow: hidden;display: none;} .public-page .more{color: #636873;font-size: 16px;} .public-page .more .i{margin-left: 10px;width: 10px;height: 21px;background: url(/static/images/icon53.png) no-repeat center center;} .public-page .more:hover{color: var(--Color);} .public-page .more:hover .i{background-image: url(/static/images/icon52.png);} @media (max-width: 750px){ .pub-content .pub-tit{font-size: 36px;} .pub-photo1{padding: 80px 0;} .pub-photo1 .title{margin-bottom: 30px;} .pub-photo1 .btns{font-size: 26px;width: 180px;height: 60px;line-height: 60px;} } /*帮助中心*/ #help .picture{padding: 5.625% 0;} #help .picture .bg{top: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;} #help .picture .mobile{display: none;} #help .picture .form{width: 700px;margin: 0 auto;} #help .picture .form .tit{color: #ffffff;font-size: 40px;margin-bottom: 25px;} #help .picture .form form{width: 100%;background: #fff;margin-bottom: 50px;} #help .picture .form .sub{width: 64px;height: 70px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;background: url(/static/images/icon47.png) no-repeat center center;} #help .picture .form .ipt{padding: 0 12px;width: 636px;height: 70px;line-height: 70px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;color: #222222;font-size: 16px;} #help .picture .form .keyw .t{color: #ffffff;font-size: 16px;margin-bottom: 12px;} #help .picture .form .keyw .t1{margin-right: 12px;} #help .picture .form .keyw .t1:hover{opacity: .8;} #help .content{padding: 70px 0 80px;} #help .list2 .list{width: 48.57%;margin-right: 2.86%;border: 1px solid #e5e5e5;padding: 39px;} #help .list2 .list .cate{color: #222222;font-size: 26px;margin-bottom: 35px;} #help .list2 .list .rows .li{width: 47.91%;padding-left: 15px;position: relative;margin-bottom: 15px;margin-right: 2.94%;color: #636873;font-size: 16px;} #help .list2 .list .rows .li:after{content: "";position: absolute;left: 0;top: 0;bottom: 0;margin: auto;border-radius: 50%;width: 4px;height: 4px;border: 1px solid #b0b0b0;background: #f7f8fa;} #help .list2 .list .rows .li:nth-child(2n){margin-right: 0;} #help .list2 .list .rows .li:hover{color: var(--Color);} #help .list2 .list .rows .li:hover::after{border-color: var(--Color);} #help .list2 .list .more{margin-top: 40px;width: 138px;height: 48px;line-height: 48px;border: 1px solid var(--Color);color: var(--Color);font-size: 16px;/*margin-bottom: 35px;*/} #help .list2 .list .more:hover{color: #fff;background: var(--Color);border-color: var(--Color);color: #fff;} #help .list2 .list:nth-child(2){margin-right: 0;} #help .video{background: #f7f8fa;} #help .video .list .vid{width: 23.93%;margin-right: 1.42%;} #help .video .list .vid:nth-child(4){margin-right: 0;} #help .video .list .vid .m-pic:after{padding-top: 65.67%;} #help .video .list .vid .name{margin: 30px auto 0;width: 90%;color: #222222;font-size: 16px;line-height: 30px;max-height: 60px;} #help .video .list .vid:hover .name{color: var(--Color);} #help .video .more{margin: 70px auto 0;width: 160px;height: 60px;line-height: 60px;color: #ffffff;font-size: 16px;background: var(--Color);} #help .video .more .i{margin-left: 10px;width: 28px;height: 60px;background: url(/static/images/icon32.png) no-repeat center center;} #help .video .more:hover{background: var(--Color2);} /*公共*/ #help .in-content{width: 100%;z-index: 2;box-shadow: inset -5px 5px 15px #e6eefb;} #help .right .bread .s, #help .right .bread .d{color: #222222;font-size: 16px;line-height: 50px;} #help .right .bread a.d:hover{color: var(--Color);} #help .right .bread .s{margin: 0 10px;} #help .right .form{width: 300px;border: 1px solid #e5e5e5;} #help .right .form form{width: 100%;} #help .right .form .sub{width: 50px;height: 48px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;background: url(/static/images/icon51.png) no-repeat center center;} #help .right .form .ipt{padding: 0 7px;width: 248px;height: 48px;line-height: 48px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;color: #cccccc;font-size: 16px;} #help .right .form:hover{border-color: var(--Color);} #help .right .form:hover .sub{background-image: url(/static/images/icon51_2.png);} #help .right .form:hover .ipt{color: #222;} /*详细*/ #help.detail:before{content: "";position: absolute;left: 0;top: 0;width: 31.77%;height: 100%;background: #f7f8fa;} #help.detail:after{content: "";position: absolute;right: 0;top: 0;width: 68.23%;height: 100%;background: #fff;} @media (min-width: 1921px) { #help.detail:before{width: calc((100% - 1400px)/2 + (1400px * 0.27));} #help.detail:after{width: calc((100% - 1400px)/2 + (1400px * 0.73));} } #help.detail .in-content{padding: 70px 0 150px;} #help.detail .left{width: 23.57%;} #help.detail .left .li{margin-bottom: 15px;} #help.detail .left .cate{padding-right: 20px;margin-bottom: 20px;color: #222222;font-size: 20px;background: url(/static/images/icon48_2.png) no-repeat right center;} #help.detail .left .li .cate:hover, #help.detail .left .li.in-cur .cate{color: var(--Color);background-image: url(/static/images/icon49_2.png);} #help.detail .left .li .two{height: 0;overflow: hidden;} #help.detail .left .li.in-cur .two{height: auto;} #help.detail .left .t2{padding: 0 24px;color: #636873;font-size: 16px;height: 40px;line-height: 40px;} #help.detail .left .t2.cur:hover, #help.detail .left .t2.cur{background: var(--Color);color: #fff;border-radius: 4px;} /* #help.detail .left .t2.cur:hover, #help.detail .left .t2.cur{color: var(--Color);} */ #help.detail .left .t2:hover{color: var(--Color);} #help.detail .left .t-list.in2{background: #ffffff;border: 1px solid #e5e5e5;margin-bottom: 20px;} #help.detail .left .t-list .rows{padding: 16px 0;width: 72.12%;margin: 0 auto;} #help.detail .left .t-list .t3{color: #636873;font-size: 14px;margin-bottom: 10px;} #help.detail .left .t-list .t3.cur, #help.detail .left .t-list .t3:hover{color: var(--Color);} #help.detail .right{width: 70%;} #help.detail .right .detail-tit{margin: 45px 0;color: #222222;font-size: 45px;line-height: 55px;} #help.detail .right .date{padding: 75px 0 70px;margin-bottom: 65px;border-bottom: 1px solid #e5e5e5;} #help.detail .right .date .d{padding-left: 26px;background: url(/static/images/icon50.png) no-repeat left center;color: #636873;font-size: 16px;} #help.detail .right iframe{max-width: 100%;} #help.detail .right .l{margin-bottom: 8px;} #help.detail .right .l a{color: #296fe9;font-size: 16px;} #help.detail .right .l:hover a{text-decoration: underline;} /*帮助中心-搜索*/ #help.search .right{padding: 55px 0;} #help.search .content{margin-bottom: 100px;box-shadow: 0px 0px 15px 5px #e6eefb;padding: 50px 0 70px;} #help.search .content .keyword{width: 92.857%;margin: 0 auto 40px;color: #222222;font-size: 20px;} #help.search .school-list, #help.search .search-list{border-top: 1px solid #e5e5e5;} #help.search .search-list .info{width: 92.857%;margin: 0 auto;padding: 50px 0;border-bottom: 1px solid #f0f2f5;} #help.search .search-list .info .tit{color: #222222;font-size: 20px;line-height: 34px;} #help.search .search-list .info .tit .color{color: var(--Color);font-size: 20px;} #help.search .search-list .info .desc{margin-top: 35px;color: #636873;font-size: 16px;line-height: 30px;} #help.search .search-list .info .desc .color{color: var(--Color);font-size: 16px;line-height: 30px;} #help.search .search-list .info:hover .tit{color: var(--Color);} #help .float-btn{display: none;} @media (max-width: 1600px){ #help.detail .right{width: 60%;margin-right: 5%;} #help.detail .right .detail-tit{font-size: 40px;} } @media (max-width: 1200px){ #help.detail .right .detail-tit{font-size: 32px;} } @media (max-width: 1024px){ #help.detail .right{width: 100%;margin-right: 0;} #help.detail:before{display: none;} #help.detail .cw1400{position: static;} #help.detail .left{width: 0;overflow: hidden;overflow-y: auto;z-index: 1020;position: fixed;left: 0;top: 0px;bottom: 0;height: 100%;background: #f7f8fa;} #help.detail .left .li:first-child{margin-top: 30px;} #help.detail .left .li{width: 82%;margin-left: 8%;} #help .float-btn{display: block;width: 32px;height: 120px;color: #fff;text-align: center;background: #222;font-size: 16px;border-radius: 4px;z-index: 100;left: 0;top: 20%;} #help .float-btn:hover{background: var(--Color);color: #fff;} #help .blank2{top: 0;left: 0;width: 0;overflow: hidden;height: 100%;z-index: 1010;background: rgba(0,0,0,.6);} #help .blank2.open{width: 100%;} #help.detail .left.open{width: 35%;} #header.zd{z-index: 0;} } @media (max-width: 981px){ #help .list2 .list{width: 100%;float: none;margin-right: 0;} #help .video .list .vid .name{font-size: 14px;line-height: 28px;max-height: 56px;} #help .picture .form .tit{font-size: 36px;} #help .picture .form .sub, #help .picture .form .ipt{height: 60px;line-height: 60px;} #help .picture .form form{margin: 0 auto 35px;} } @media (max-width: 850px){ #help .picture .form{width: 92%;} } @media (max-width: 750px){ #help .video .list .vid:nth-child(4n), #help .video .list .vid{width: 48%;margin-right: 4%;margin-top: 6%;} #help .video .list .vid:nth-child(1), #help .video .list .vid:nth-child(2){margin-top: 0;} #help .video .list .vid:nth-child(2n){margin-right: 0;} #help .right .form{width: 340px;} #help .right .form .ipt, #help.search .search-list .info .desc, #help.search .search-list .info .desc .color, #help .video .list .vid .name, #help .video .more, #help .list2 .list .rows .li, #help .picture .form .keyw .t, #help .picture .form .ipt, #help.detail .right .date .d, #help.detail .right .l a, #help .list2 .list .more, #help .right .bread .s, #help .right .bread .d{font-size: 24px;} #help .list2 .list .more{width: 200px;height: 55px;line-height: 55px;} #help .list2 .list .cate{font-size: 28px;} #help .video .list .vid .name{margin-top: 25px;line-height: 36px;max-height: 72px;} #help .video .more{width: 220px;} #help.search .search-list .info .tit .color, #help.search .search-list .info .tit, #help.search .content .keyword{font-size: 26px;} #help .picture{padding: 10% 0;} #help .picture .form .ipt{width: 70%;} #help .picture .form .tit{font-size: 30px;} } /*标题*/ .title-wrap{text-align: center;} .title-wrap .title{font-size: 42px;color: #222;} .title-wrap .title2{font-size: 26px;color: #222;} .title-wrap.white .title{color: #fff;} @media (max-width: 1050px){ .title-wrap .title{font-size: 36px;} } @media (max-width: 750px){ .title-wrap .title{font-size: 32px;} .title-wrap .title2{font-size: 28px;} } /*图标背景*/ /*.bgicon{background: #dcf8ff;border: dashed 1px #3699ff;}*/ .cw1700{max-width:1700px;width:92%;margin:auto;} /*服务*/ #service{} #service .serve{padding-top: 70px;} #service .serve .list{margin-top: 70px;} #service .serve .list .item{width: 25%;margin-bottom: 70px;padding: 0 20px;} #service .serve .list .item .nums{width: 40px;height: 40px;background: #3e7deb;font-size: 16px;color: #fff;text-align: center;line-height: 40px;margin: 0 auto;border-radius: 50%;} #service .serve .list .item .tit{font-size: 20px;color: #222;margin-top: 30px;} #service .serve .list .item .bri{font-size: 16px;color: #636873;margin-top: 20px;line-height: 26px;} #service .advan{background: #f7f8fa;padding: 70px 0;} #service .advan .img{margin-top: 50px;} #service .choose .img{} #service .choose{background: #fff;padding: 70px 0;} #service .choose .img{margin-top: 90px;} #service .data{background: #296fe9;padding: 70px 0;} #service .data .list{margin-top: 40px;} #service .data .list .item{width: 25%;padding: 0 20px;} #service .data .list .item .nums{font-size: 60px;color: #fff;font-weight: bolder;} #service .data .list .item .sym{font-size: 60px;color: #fff;font-weight: bolder;} #service .data .list .item .tit{font-size: 16px;color: #fff;margin-top: 10px;} #service .promise{background: #f7f8fa;padding: 70px 0;} #service .promise .cons{display: flex;align-items: center;} #service .promise .cons .big{display: flex;align-items: center;margin: 0 auto;} #service .promise .cons .left .tit{font-size: 30px;color: #296fe9;list-style: 40px;} #service .promise .cons .left .bri{font-size: 18px;color: #222;line-height: 40px;} #service .promise .cons .right{margin-left: 50px;} #service .featured{background: #fff;padding: 70px 0 30px;} #service .featured .list .container{padding: 40px;width: calc(100% + 80px);margin-left: -40px;} #service .featured .list .item{border: solid 1px #e5e5e5;border-radius: 5px;padding: 60px 0;} #service .featured .list .item .left{width: 32%;text-align: right;} #service .featured .list .item .right{width: 58%;padding-right: 50px;} #service .featured .list .item .right .tit{font-size: 20px;color: #222;} #service .featured .list .item .right .bri{font-size: 16px;color: #636873;margin-top: 20px;line-height: 25px;} #service .featured .list .item .a{display: block;width: 110px;height: 40px;background: #296fe9;font-size: 14px;color: #fff;line-height: 40px;border-radius: 5px;margin-top: 30px;text-align: center;} #service .featured .list .item:hover{box-shadow: 0px 5px 25px 0px rgba(29, 98, 218, 0.15);border: solid 1px #fff;-webkit-transition:.3s;transition:.3s;} @media (max-width: 1280px){ #service .data .list .item .sym, #service .data .list .item .nums{font-size: 48px;} } @media (max-width: 981px){ #service .serve .list .item{width: 33%;padding: 0 15px;margin-bottom: 60px;} #service .serve .list .item .tit{font-size: 16px;} #service .serve .list .item .bri{font-size: 14px;line-height: 28px;} } @media (max-width: 920px){ #service .data .list .item .sym, #service .data .list .item .nums{font-size: 36px;} #service .promise .cons .left .tit{font-size: 28px;} #service .promise .cons .left .bri{font-size: 16px;line-height: 38px;} } @media (max-width: 850px){ #service .data .list .item .sym, #service .data .list .item .nums{font-size: 30px;} } @media (max-width: 750px){ #service .serve .list .item{width: 50%;} #service .serve .list .item .nums{width: 60px;height: 60px;line-height: 60px;font-size: 26px;} #service .serve .list .item .tit{font-size: 26px;} #service .serve .list .item .bri{font-size: 24px;line-height: 36px;} #service .data .list .item{width: 50%;margin-bottom: 30px;} #service .data .list .item .sym, #service .data .list .item .nums{font-size: 34px;} #service .data .list .item .tit{margin-top: 15px;} #service .data .list .item .tit, #service .promise .cons .left .bri{font-size: 26px;line-height: 38px;} #service .featured .list .item{padding: 60px 40px;} #service .featured .list .item .left{max-width: 20%;width: auto;} #service .featured .list .item .right{margin-left: 10%;width: 75%;padding-right: 0px;float: left;} #service .featured .list .item .right .tit{font-size: 26px;} #service .featured .list .item .right .bri{font-size: 24px;line-height: 38px;} #service .featured .list .item .a{width: 220px;font-size: 24px;height: 60px;line-height: 60px;} } /*产品聚合页*/ #products{background: #f0f2f5;padding: 60px 0;} #products .left{width: 22%;} #products .right{width: 73%;} #products .left .cate .title{font-size: 20px;color: #222;} #products .left .cate{padding: 30px 20px;background: #fff;border-radius: 4px;} #products .left .adlist{margin-top: 20px;border-radius: 5px;overflow: hidden;} #products .left .adlist .item{margin-top: 20px;} #products .left .adlist .item:first-child{margin-top: 0;} #products .left .cate .list{margin-top: 20px;} #products .left .cate .list .a{font-size: 16px;color: #222;line-height: 50px;padding: 0 20px;border-radius: 4px;} #products .left .cate .list .a .img{width: 22px;margin-right: 20px;} #products .left .cate .list .a .img img{max-width: 100%;vertical-align: middle;} #products .left .cate .list .a .img .img1{display: block;} #products .left .cate .list .a .img .img2{display: none;} #products .left .cate .list .a:hover .img .img1,#products .left .cate .list .a.cur .img .img1{display: none;} #products .left .cate .list .a:hover .img .img2,#products .left .cate .list .a.cur .img .img2{display: block;} #products .left .cate .list .a .tit{font-size: 16px;color: #222;} #products .left .cate .list .a:hover .tit,#products .left .cate .list .a.cur .tit{color: #fff;} #products .left .cate .list .a:hover,#products .left .cate .list .a.cur{background: #296fe9;} #products .right .list .category{margin-top: 70px;} #products .right .list .category:first-child{margin-top: 0;} #products .right .list .category .cate .tit{font-size: 24px;color: #222;} #products .right .list .category .cate .bri{font-size: 14px;color: #636873;margin-left: 15px;margin-top: 10px;} #products .right .list .category .row{margin-top: 25px;} #products .right .list .category .row .item{width: 48%;background: #fff;margin-bottom: 25px;} #products .right .list .category .row .item{/*border: solid 1px #e5e5e5;*/border-radius: 4px;padding: 40px 0;} #products .right .list .category .row .item .l{width: 23%;text-align: right;} #products .right .list .category .row .item .r{width: 73%;padding-right: 50px;} #products .right .list .category .row .item .r .tit{font-size: 20px;color: #222;} #products .right .list .category .row .item .r .bri{font-size: 16px;color: #636873;margin-top: 10px;line-height: 25px;height: 25px;} #products .right .list .category .row .item .a{display: block;width: 110px;height: 40px;background: #296fe9;font-size: 14px;color: #fff;line-height: 40px;border-radius: 5px;margin-top: 20px;text-align: center;} #products .right .list .category .row .item:hover .a{background: var(--Color2);} #products .right .list .category .row .item:hover{box-shadow: 0 0 20px 5px #dde5f2;-webkit-transition:.3s;transition:.3s;} /*产品详细页*/ #products-detail{} #products-detail .feature{padding: 70px 0;background: #fff;} #products-detail .feature .list{margin-top: 40px;} #products-detail .feature .list .item{margin-top: 30px;} #products-detail .feature .list .item:first-child{margin-top: 0;} #products-detail .feature .list .item .left{width: 40%;padding-left: 8.8%;padding-right: 1.7%;} #products-detail .feature .list .item .right{width: 60%;} #products-detail .feature .list .item:nth-child(2n) .left{padding-left: 1.7%;padding-right: 8.8%;} #products-detail .feature .list .item .left .tit{font-size: 26px;color: #222;margin-top: 15%;} #products-detail .feature .list .item .left .bri{font-size: 16px;color: #636873;line-height: 30px;margin-top: 15px;} #products-detail .feature .list .item .left .a{display: block;width: 160px;height: 60px;background: #296fe9;color: #fff;text-align: center;line-height: 60px;font-size: 16px;border-radius: 5px;margin-top: 70px;} #products-detail .feature .list .item .left .a:hover{background: var(--Color2);} #products-detail .feature .list .item .left .a img{margin-left: 10px;margin-bottom: 3px;} #products-detail .asin{padding: 70px 0;background: #f7f8fa;} #products-detail .asin .list{margin-top: 60px;} #products-detail .asin .list .top .item .left{width: 50%;} #products-detail .asin .list .top .item .right{width: 50%;padding-left: 11%;margin-top: 10%;} #products-detail .asin .list .top .item .right .tit{font-size: 26px;color: #222;} #products-detail .asin .list .top .item .right .bri{font-size: 16px;color: #636873;line-height: 30px;margin-top: 20px;} #products-detail .asin .list .bot{margin-top: 40px;} #products-detail .asin .list .bot .item .tit{font-size: 16px;color: #222;text-align: center;text-indent: -34px;} #products-detail .asin .list .bot .item:after{width: 100%;height: 2px;background: #e0e1e4;content: '';margin-top: 10px;} #products-detail .asin .list .bot .item:first-child .tit{text-align: left;text-indent: 0;} #products-detail .asin .list .bot .item:last-child .tit{text-align: right;text-indent: 0;} #products-detail .asin .list .bot .item:before{content: '';width: 54px;height: 54px;background: #e0e1e4 url(/static/images/n36.png)no-repeat center;position: absolute;right: 0;top: 5px;z-index: 1;border-radius: 50%;} #products-detail .asin .list .bot .item:last-child:before{display: none;} #products-detail .asin .list .bot .container{padding: 30px 0;} /* #products-detail .asin .list .bot .item.swiper-slide-thumb-active .tit{color: #296fe9;} #products-detail .asin .list .bot .item.swiper-slide-thumb-active:after{background: #296fe9;height: 3px;} #products-detail .asin .list .bot .item.swiper-slide-thumb-active:before{background: #296fe9 url(/static/images/n36.png)no-repeat center;} */ #products-detail .asin .list .bot .item .tit{color: #296fe9;} #products-detail .asin .list .bot .item:after{background: #296fe9;height: 3px;} #products-detail .asin .list .bot .item:before{background: #296fe9 url(/static/images/n36.png)no-repeat center;} #products-detail .asin .list .bot .item.swiper-slide-thumb-active ~ .item .tit{color: #222;} #products-detail .asin .list .bot .item.swiper-slide-thumb-active ~ .item:after{background: #e0e1e4;height: 2px;} #products-detail .asin .list .bot .item.swiper-slide-thumb-active ~ .item:before{background: #e0e1e4 url(/static/images/n36.png)no-repeat center;} #products-detail #price{background: none;padding: 70px 0;} #products-detail #price .faq{margin-top: 0;} #products-detail #price .faq .right .faq-li .con .h{font-size: 16px;color: #636873;line-height: 1.875;} #products-detail .mopro{padding: 70px 0;background: #f7f8fa;} #products-detail .mopro .list{margin-top: 25px;} #products-detail .mopro .list .item{width: 48%;background: #fff;margin-bottom: 25px;} #products-detail .mopro .list .item{/*border: solid 1px #e5e5e5;*/border-radius: 5px;padding: 40px 0;} #products-detail .mopro .list .item .l{width: 23%;text-align: right;} #products-detail .mopro .list .item .r{width: 73%;padding-right: 50px;} #products-detail .mopro .list .item .r .tit{font-size: 20px;color: #222;} #products-detail .mopro .list .item .r .bri{font-size: 16px;color: #636873;margin-top: 10px;line-height: 25px;} #products-detail .mopro .list .item .a{display: block;width: 110px;height: 40px;background: #296fe9;font-size: 14px;color: #fff;line-height: 40px;border-radius: 5px;margin-top: 20px;text-align: center;} #products-detail .mopro .list .item:hover{box-shadow: 0 0 20px 5px #dde5f2;-webkit-transition:.3s;transition:.3s;} #products-detail .mopro .swiper-pagination{display: block;position: static;margin-top: 20px;} #products-detail .mopro .swiper-pagination span{width: 15px;height: 6px;border-radius: 25px;opacity: 1;margin: 0 6px;background: #e5e5e5;} #products-detail .mopro .swiper-pagination .swiper-pagination-bullet-active{background: var(--Color);width: 25px;} @media (max-width: 1700px){ #products-detail .feature .list .item .left{padding-left: 0;padding-right: 50px;} #products-detail .feature .list .item:nth-child(2n) .left{padding-right: 0;padding-left: 50px;} } @media (max-width: 1440px){ #products-detail .feature .list .item .left .tit{margin-top: 8%;} #products-detail .feature .list .item .left{width: 43%;} #products-detail .feature .list .item .right{width: 55%;} #products-detail .feature .list .item .left .a{margin-top: 12%;} #products-detail .feature .list .item{margin-top: 40px;} } @media (max-width: 1280px){ #products .left{width: 25%;} #products .right{width: 70%;} #products-detail .feature .list, #products-detail .feature .list .item{margin-top: 80px;} #products-detail .feature .list .item .left{padding-right: 30px;} #products-detail .feature .list .item .left .tit{font-size: 22px;margin-top: 0;} #products-detail .feature .list .item .left .bri{font-size: 14px;line-height: 26px;} } @media (max-width: 1050px){ #products .left .cate .list .a .tit{font-size: 14px;} #products-detail .feature .list .item .left{width: 50%;} #products-detail .feature .list .item .right{width: 50%;} #products-detail .asin .list .top .item .right{margin-top: 7%;} } @media (max-width: 981px){ #products .left{display: none;} #products .right{width: 100%;} #products .right .list .category .row .item .r{padding-right: 20px;} } @media (max-width: 850px){ #products-detail .asin .list .top .item .right{margin-top: 5%;padding-left: 5%;} #products-detail .feature .list .item .right, #products-detail .feature .list .item .left{width: 100%;float: none;} #products-detail .feature .list .item .left{padding-right: 0;margin-bottom: 30px;text-align: center;} #products-detail .feature .list .item .left .a{margin: 30px auto 0;} } @media (max-width: 750px){ #products-detail .asin .list .top .item .right, #products-detail .asin .list .top .item .left{width: 100%;float: none;} #products-detail .asin .list .top .item .right{padding-left: 0;} #products-detail .asin .list .top .item .right .bri{line-height: 36px;} #products .right .list .category .row .item{width: 100%;float: none;margin-right: 0;} #products .right .list .category .row .item .l{width: 12%;} #products .right .list .category .row .item .r{width: 83%;padding-right: 40px;} #products .right .list .category .row .item .r .bri{margin: 20px 0 30px;} #products .right .list .category .cate .tit{font-size: 28px;} #products-detail .feature .list .item .left .tit, #products .right .list .category .row .item .r .tit{font-size: 26px;} #products .right .list .category .row .item .a, #products .right .list .category .cate .bri, #products-detail .asin .list .top .item .right .bri, #products-detail .feature .list .item .left .bri, #products-detail .asin .list .bot .item .tit, #products .right .list .category .row .item .r .bri{font-size: 22px;} #products-detail .feature .list .item .left .bri{line-height: 36px;} #products-detail .feature .list .item .left .a{width: 220px;font-size: 24px;} #products .right .list .category .row .item .a{width: 200px;height: 60px;line-height: 60px;} #products-detail .mopro .list .item .l{width: 15%;} #products-detail .mopro .list .item .r{width: 76%;} #products-detail .mopro .list .item .r .tit{font-size: 26px;} #products-detail .mopro .list .item .r .bri{font-size: 24px;line-height: 36px;margin: 20px 0 30px;} #products-detail .mopro .list .item .a{font-size: 24px;width: 200px;height: 60px;line-height: 60px;} #products-detail .feature .list .item:nth-child(2n) .left{padding-left: 0;} } /*商务合作*/ #business{} #business .busin{padding: 70px 0;} #business .busin .cate{margin-top: 40px;} #business .busin .cate .a{font-size: 16px;color: #636873;padding-bottom: 10px;border-bottom: solid 3px transparent;margin-right: 70px;} #business .busin .cate .a.cur{color: #296fe9;border-color: #296fe9;} #business .busin .cate .a:last-child{margin-right: 0;} #business .busin .list{margin-top: 50px;} #business .busin .list .item{display: none;} #business .busin .list .item.cur{display: block;} #business .busin .list .item .left{width: 50%;padding-left: 9%;padding-right: 4%;margin-top: 8%;} #business .busin .list .item .right{width: 50%;} #business .busin .list .item .left .tit{font-size: 26px;color: #222;} #business .busin .list .item .left .bri{font-size: 16px;color: #636873;margin-top: 20px;line-height: 30px;} #business .support{padding: 70px 0;background: #f7f8fa;} #business .support .list{margin-top: 40px;} #business .support .list .item{background: #fff;padding: 40px 40px;width: 32%;margin-right: 2%;margin-bottom: 20px;} #business .support .list .item:nth-child(3n){margin-right: 0;} #business .support .list .item .img{text-align: left;} #business .support .list .item .tit{font-size: 20px;color: #000;margin-top: 10px;} #business .support .list .item .bri{font-size: 16px;color: #636873;line-height: 30px;margin-top: 5px;} #business .support .list .item:hover{box-shadow: 0 0 20px 5px #dde5f2;} #business .channel{padding: 70px 0;} #business .channel .list{margin-top: 40px;} #business .channel .list .item{width: 24%;margin-right: 1.33%;border: solid 1px #e5e5e5;} #business .channel .list .item:nth-child(4n){margin-right: 0;} #business .channel .list .item .bot{background: #fff;padding: 25px 30px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;} #business .channel .list .item .bot .tit{font-size: 20px;color: #222;} #business .channel .list .item .bot .bri{font-size: 16px;color: #636873;margin-top: 5px;line-height: 30px;} #business .process{padding: 70px 0;background: #f7f8fa;} #business .process .con{margin-top: 40px;} #business .process .con .left{width: 67%;margin-top: 30px;} #business .process .con .right{width: 22%;} #business .process .con .left .item .img{width: 100%;} #business .process .con .left .item .img .m-pic{margin: 0 auto;border-radius: 50%;background: #fff;} #business .process .con .left .item .img .m-pic img{max-height: 70px;max-width: 70px;} #business .process .con .left .item .img .m-pic:after{padding-top: 100%;} #business .process .con .left .item .tit{font-size: 20px;color: #222;margin-top: 20px;text-align: center;max-width: 180px;} #business .process .con .left .item:after{width: 21px;height: 12px;background: url(/static/images/n37.png)no-repeat center;content: '';position: absolute;right: -61.11%;top: 38%;z-index: 1;} #business .process .con .left .item:last-child:after{display: none;} #business .process .con .left {width: 66.71%;} #business .process .con .left .item{width: 19.27%;position: relative;margin-right: 21.09%;} #business .process .con .left .item:nth-child(3){margin-right: 0;} #business .process .con .right .tit{font-size: 20px;color: #222;} #business .process .con .right .img{text-align: left;margin-top: 15px;max-width: 180px;} #business .process .con .right .bri{font-size: 16px;color: #222;line-height: 30px;margin-top: 5px;} #business .eval{padding: 60px 0;} #business .eval .list{margin-top: 40px;} #business .eval .list .item{box-shadow: 0 0 20px 5px #dde5f2;border: solid 1px #c8d9f6;width: 42.8%;height: 400px;background: #fff;padding: 65px 60px;} #business .eval .list .item .bri{font-size: 16px;color: #222;line-height: 30px;} #business .eval .list .item .bot{margin-top: 40px;} #business .eval .list .item .bot .tit{font-size: 18px;color: #222;margin-top: 20px;} @media (max-width: 1280px){ #business .channel .list .item .bot{padding: 20px;} #business .channel .list .item .bot .tit{font-size: 16px;} #business .channel .list .item .bot .bri{font-size: 14px;line-height: 26px;} #business .process .con .left{width: 58%;} #business .process .con .left .item{width: 23.27%;margin-right: 15.09%;} #business .process .con .left .item:after{right: -39.11%;} #business .process .con .left .item .img .m-pic img{max-height: 60px;max-width: 60px;} #business .process .con .right{width: 30%;} #business .eval .list .item{width: 48%;height: auto;} } @media (max-width: 1050px){ #business .busin .list .item .left{padding-left: 5%;} #business .support .list .item{padding: 30px;} #business .support .list .item .bri{font-size: 14px;line-height: 28px;min-height: 112px;} } @media (max-width: 950px){ #business .busin .cate .a{margin-right: 7%;} #business .busin .list .item .left{padding-left: 0;margin-top: 4%;} #business .channel .list .item:nth-child(4n), #business .channel .list .item{width: 47%;margin-right: 5%;margin-bottom: 5%;} #business .channel .list .item:nth-child(2n){margin-right: 0;} #business .process .con .right .img{max-width: 120px;} #business .process .con .right .bri{font-size: 14px;} #business .eval .list .item{width: 52%;} } @media (max-width: 850px){ #business .process .con .right, #business .process .con .left{width: 100%;float: none;} #business .process .con .right{margin-top: 60px;text-align: center;} #business .process .con .right .img{margin: 20px auto 0;} } @media (max-width: 750px){ #business .busin .list .item .right, #business .busin .list .item .left{width: 100%;float: none;} #business .busin .list .item .right{margin-top: 40px;} #business .support .list .item:nth-child(3n), #business .support .list .item{width: 48%;margin-right: 4%;margin-bottom: 4%;} #business .support .list .item{padding: 30px 20px 20px;} #business .support .list .item:nth-child(2n){margin-right: 0;} #business .support .list .item .tit{margin: 20px 0 25px;} #business .support .list .item .bri{min-height: 144px;} #business .process .con .right .bri, #business .process .con .right .tit, #business .eval .list .item .bri, #business .support .list .item .bri, #business .busin .cate .a, #business .channel .list .item .bot .bri, #business .busin .list .item .left .bri, #business .process .con .left .item .tit{font-size: 24px;line-height: 36px;} #business .channel .list .item .bot .bri{min-height: 144px;} #business .process .con .right .img{max-width: 180px;margin-bottom: 20px;} #business .eval .list .item{width: 75%;padding: 45px;} #business .support .list .item .tit, #business .channel .list .item .bot .tit, #business .eval .list .item .bot .tit{font-size: 26px;line-height: 38px;} } /*留言反馈弹窗*/ .feedback-wrap{background: rgba(0,0,0,0.75);position: fixed;left: 0;right: 0;top: 0;z-index: 1000;;width: 100%;height: 100%;display: none;} .feedback-wrap.cur{display: block;} .feedback-wrap .cw{position: absolute;left: 0;right: 0;width: 450px;height: 600px;background: #fff;margin: 0 auto;top: 50%;margin-top: -300px;border-radius: 5px;padding: 40px 40px;} .feedback-wrap .cw .con .title{font-size: 24px;color: #296fe9;line-height: 30px;text-align: center;} .feedback-wrap .cw .con .title:before{width: 30px;height: 30px;background: url(/static/images/n80.png)no-repeat center;margin-right: 10px;content: '';display: inline-block;vertical-align: middle;} .feedback-wrap .cw .con .brief{font-size: 16px;color: #636873;margin-top: 10px;text-align: center;} .feedback-wrap .cw .con .list{margin-top: 30px;} .feedback-wrap .cw .con .list .item{margin-top: 20px;} .feedback-wrap .cw .con .list .item:first-child{margin-top: 0;} .feedback-wrap .cw .con .list .item .l{width: 100px;font-size: 16px;color: #222;line-height: 50px;} .feedback-wrap .cw .con .list .item .r{width: 270px;} .feedback-wrap .cw .con .list .item .l .star{font-size: 16px;color: #fd4232;margin-left: 5px;} .feedback-wrap .cw .con .list .item .r input{width: 100%;height: 50px;border: solid 1px #f0f5ff;padding: 0 20px;} .feedback-wrap .cw .con .list .item .r textarea{width: 100%;height: 150px;border: solid 1px #f0f5ff;padding: 20px 20px;} .feedback-wrap .cw .con .list .item .r.submit{border: none;} .feedback-wrap .cw .con .list .item .r.submit input{width: 120px;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #fff;border-radius: 5px;background: #296fe9;cursor: pointer;margin-left: 20px;} .feedback-wrap .cw .close{width: 28px;height: 28px;background: url(/static/images/n81.png)no-repeat center;position: absolute;right: -50px;top: -40px;z-index: 1;display: block;transition: 0.5s all;} .feedback-wrap .cw .close:hover{transform: rotate(180deg);} @media (max-width: 1380px){ .feedback-wrap .cw{margin-top: -270px;height: 540px;} .feedback-wrap .cw .con .list .item .r textarea{height: 80px;} } @media (max-width: 750px){ .feedback-wrap .cw .con .title{font-size: 26px;} .feedback-wrap .cw .con .list .item .l, .feedback-wrap .cw .con .list .item .r input, .feedback-wrap .cw .con .list .item .r.submit input, .feedback-wrap .cw .con .brief{font-size: 24px;} .feedback-wrap .cw .con .list .item .r.submit input{width: 160px;} .feedback-wrap .cw{width: 600px;padding: 30px;height: 593px;} .feedback-wrap .cw .con .list .item .l{width: 140px;} .feedback-wrap .cw .con .list .item .r{width: 380px;} .feedback-wrap .cw .con .list .item .r textarea{height: 144px;font-size: 24px;} } /*首页弹窗*/ .pop-wrap{background: rgba(0,0,0,0.75);position: fixed;left: 0;right: 0;top: 0;z-index: 10;width: 100%;height: 100%;display: none;} .pop-wrap.cur{display: block;} .pop-wrap .cw{position: absolute;left: 0;right: 0;top: 50%;width: 720px;height: 480px;margin: 0 auto;margin-top: -240px;background: #fff;border-radius: 5px;padding: 10px 10px;} .pop-wrap .cw .close{width: 28px;height: 28px;background: url(/static/images/n81.png)no-repeat center;position: absolute;right: -50px;top: -40px;z-index: 1;display: block;} @media(max-width: 1024px){ .pop-wrap .cw{width: 480px;height: 322px;} } @media(max-width: 750px){ .pop-wrap .cw{width: 530px;height: 355px;} } /*侧边栏*/ .side-wrap{position: fixed;right: 20px;top: 50%;margin-top: -160px;width: 60px;height: 320px;z-index: 2;} .side-wrap .list{background: #fff;border-radius: 5px;box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);} .side-wrap .list .a{width: 100%;height: 60px;display: block;border-radius: 5px;} .side-wrap .list .a .img{padding-top: 8px;} .side-wrap .list .a .img1{display: block;} .side-wrap .list .a .img2{display: none;} .side-wrap .list .a .fonts{font-size: 14px;color: #222;} .side-wrap .list .a .code{width: 0;overflow: hidden;right: 80px;top: 0;background: #fff;border-radius: 4px;height: auto;box-shadow: 0 0 20px -10px rgba(0,0,0,.6);} .side-wrap .list .a:hover .code{width: auto;} .side-wrap .list .a .code .m-pic{margin: 0 auto;} .side-wrap .list .a .code .m-pic img{width: auto;height: auto;max-width: unset;max-height: unset;} .side-wrap .list .a .code .m-pic:after{content: "";position: absolute;top: 16px;right: -25px;width: 20px;height: 30px;background: url(/static/images/icon45.png) no-repeat center center/11px auto;} .side-wrap .list .a.in2 .code{width: 180px;overflow: visible;} .side-wrap .list .a.in, .side-wrap .list .a:hover{background: #296fe9;} .side-wrap .list .a.in .fonts, .side-wrap .list .a:hover .fonts{color: #fff;} .side-wrap .list .a:hover .img1, .side-wrap .list .a.in .img1{display: none;} .side-wrap .list .a:hover .img2, .side-wrap .list .a.in .img2{display: block;} .side-wrap .top{width: 100%;height: 60px;border-radius: 5px;background: #fff url(/static/images/img86.png)no-repeat center;display: block;box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);margin-top: 20px;} .side-wrap .top:hover{background: #296fe9 url(/static/images/img86.png)no-repeat center;} @media (max-width: 1200px){ .side-wrap .list{display: none;} .side-wrap{height: 60px;bottom: 25%;top: auto;} .side-wrap .top{margin-top: 0;} } /*Banner*/ #pro-pic .picture .mobile, #pro-pic .picture .pc{background-size: cover;background-position: center center;background-repeat: no-repeat;} #pro-pic .picture .mobile{display: none;} #pro-pic .picture .pc:after{padding-top: 21.875%;} #pro-pic .picture .con{top: 50%;left: 0;right: 0;margin: auto;z-index: 2;margin-top: -85px;} #pro-pic .picture .t1{color: #ffffff;font-size: 40px;margin-bottom: 30px;} #pro-pic .picture .t2{color: #ffffff;font-size: 16px;line-height: 30px;} #pro-pic .picture .btn-list{margin-top: 40px;} #pro-pic .picture .btn-list .btns{width: 140px;height: 50px;background: #fff;font-size: 16px;color: #296fe9;text-align: center;line-height: 50px;border-radius: 5px;border: solid 1px #296fe9;margin-right: 10px;} #pro-pic .picture .btn-list .btns:last-child{margin-right: 0;} #pro-pic .picture .btn-list .btns:hover{background: none;border-color: #fff;color: #fff;} #pro-pic.white .picture .t1{color: #222;} #pro-pic.white .picture .t2{color: #222;} #pro-pic.white .picture .btn-list .btns{border-color: #fff;background: #fff;color: #296fe9;} #pro-pic.white .picture .btn-list .btns:last-child, #pro-pic.white .picture .btn-list .btns:hover{background: #296fe9;border-color: #296fe9;color: #fff;} @media (max-width: 1440px){ #pro-pic .picture .t1{font-size: 34px;margin-bottom: 20px;} #pro-pic .picture .btn-list{margin-top: 30px;} } @media (max-width: 1050px){ #pro-pic .picture .pc:after{padding-top: 34%;} } @media (max-width: 750px){ #pro-pic .picture .pc{display: none;} #pro-pic .picture .mobile{display: block;} #pro-pic .picture .mobile:after{padding-top: 80%;} #pro-pic .picture .mobile .cw1400{width: 60%;margin: 0;padding-left: 4%;} #pro-pic.white .picture .mobile .cw1400{width: 92%;padding-left: 0;margin: 0 auto;} #pro-pic .picture .con{margin-top: -100px;} #pro-pic .picture .t2{font-size: 26px;line-height: 38px;} #pro-pic .picture .btn-list .btns{width: 160px;line-height: 60px;height: 60px;font-size: 24px;} } .ind-school-list { width: 420px; float: left; margin: 0 20px; border: 1px solid #f0f3fa; padding-bottom: 30px; } .ind-school-top { position: relative; width: 420px; height: 186px; border-radius: 10px 10px 0 0; background-size: cover; margin-bottom: 20px; } .ind-school-img { width: 100%; } .ind-school-en { position: absolute; top: 60px; left: 80px; color: rgba(255, 255, 255, 0.7); line-height: 12px; line-height: 12px; font-size: 12px; } .ind-school-zh { position: absolute; top: 80px; left: 80px; color: #f8f9fc; font-weight: 600; font-size: 18px; } .ind-school-zh span { color: rgba(255, 255, 255, 0.7); font-weight: 400; } .ind-school-item { color: #17181b; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 30px; line-height: 3; width: 406px; display: inline-block; } .ind-school-item .date { margin-right: 12px; opacity: 0.5; } .ind-school-item .date { color: #17181b; }